Как выровнять текст по ширине CSS

Всем хороша тема WordPress Root, но слишком уж ее «заездили», хочется как-то уникализировать. Давно хотел попробовать растянуть текст статьи по всей ширине, так как на примерах это смотрится довольно красиво. Обратился за помощью к разработчикам Root и те подсказали, какой css вставить в «Дополнительные стили» настройки темы для реализации:

.entry-content {
text-align: justify;
}

Выравнивание текста по ширине CSS

Выравнивание текста по ширине CSS

Правый край выровнялся по линеечке (как и левый), за счет незначительного увеличения межсловных интервалов.

По моему стало красивее …
…………………………………………………….
пока я не догадался посмотреть как это выглядит на мобильнике:

Выравнивание-текста-по-ширине-CSS

    Это ужас-ужас:

  • п.3.2 содержания с огромными пробелами между словами;
  • заголовок H2 из 2 слов раскидало по разным сторонам;
  • в первом предложении огромные «дырки» между словами.

Как говорится проверяйте «тщательнее», ведь доля мобильного трафика растет с каждым годом — пришлось все вернуть в исходное состояние:

Выравнивание-текста-по-ширине-CSS



Задайте вопрос в комментариях