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

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

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

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

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

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

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

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

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

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

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

Admin/ автор статьи

Я расскажу, как мужчине в возрасте 50+ оставаться модным, красивым и здоровым, как в свои пятьдесят чувствовать себя на 30.

Понравилась статья? Поделиться с друзьями:
После 50 лет
Добавить комментарий