Как выравнить текст в блоке?

Question

[MRcracker]

Есть несколько блоков. Они содержат в себе текст. Нужно сделать так, чтобы внутри блока текст растягивался на всю ширину. Для этого я использовал свойство justify-content: space-between;

Скажите, как сделать так, чтобы текст в блоке с классом .textTwo начинался не с центра, а был выровнен по левому краю?

https://jsfiddle.net/4dzthkoa/12/

Comments

[Ankhena]

Приложите картинку, какого результата вы хотите достичь?

Скажите, как сделать так, чтобы текст в блоке с классом .textTwo начинался не с центра, а был выровнен по левому краю?

Потому что текст в блоке с классом .textTwo и так выровнен по его левому краю.

Answer 1

[Everybody_Lies]

.block{
  background-color: green;
  display: flex;
  margin-bottom: 30px;
  text-align: justify;
}

.textTwo {
  text-align: left;
}

text-align
загуглить "выравнивание текста css", в 100 раз быстрее, чем задавать вопрос здесь

Comments

[MRcracker]

мне надо выровнять только текст с классом .textTwo, а при вашем способе все выравнивается по левому краю и justify-content: space-between; не работает

[Everybody_Lies]

MRcracker, вы сами же написали

Нужно сделать так, чтобы внутри блока текст растягивался на всю ширину.

. За это отвечает text-align: justify. Если вы хотите "растянуть" блоки с текстом, тогда да, задаёте justify-content: space-between блоку контейнеру.

[MRcracker]

Everybody_Lies, если задаю justify-content: space-between, то текст перестает выравниваться по левому краю во второй колонки

[Everybody_Lies]

MRcracker, просто нарисуйте схематично как вы хотите сверстать и добавьте в вопрос