Как правильно расположить элементы внутри блока чтобы не было свободного пространства справа?

Question

[ZipZaper]

Как правильно сделать, чтобы не было свободного места справа, чтобы визуально все выглядело с равными отступами между блоками

Comments

[Ankhena]

ваша желалка

То, что вы хотите будет выглядеть все равно странно, потому что тогда нарушится расстояние между столбцами.

Но делается это, например, так https://jsfiddle.net/mjohbxqv/

Answer 1

[Simkav]

display: flex;
  flex-direction: column;
  align-items: center;

Comments

[ZipZaper]

так теряется весь смысл блока, надо чтобы текст сам выравнивался слева на право, а элементы в блоке справа на лево. Так же будет если задать flex-items:flex-end

[Simkav]

ZipZaper, Не понимаю чего вы хотите добиться, растягивать текст по всей ширине? Можете показать как оно должно выглядеть?

[ZipZaper]

Simkav, Вот например тут получается что у блока "LEGAL INFORMATION" появляется свободное место справа и визуально это выглядит так что справа отступ больше чем слева, решается в тупое отступом (как на втором варианте), но вдруг есть еще какой нибудь способ, не такой банальный

[Simkav]

ZipZaper, вы юзаете сетку и оно работает так как и должно, если ваш вариант вас устраивает, то не вижу смысла искать другой вариант