Для растяжения текста по ширине можно использовать свойство CSS text-align: justify;. Оно выравнивает текст по ширине, добавляя пробелы между словами, чтобы они заполняли всю доступную ширину.
Пример:
p {
text-align: justify;
}Это свойство работает только для блочных элементов, таких как <p>, <div>,h1>и т.д. Для инлайновых элементов, таких какили, можно использовать свойствоdisplay: inline-block;, чтобы сделать их блочными и применитьtext-align: justify;`.
Пример:
span {
display: inline-block;
text-align: justify;
}Также можно использовать свойство text-justify: inter-word;, чтобы выравнивать текст по ширине, добавляя пробелы только между словами.
Пример:
p {
text-align: justify;
text-justify: inter-word;
}Это свойство не поддерживается в старых версиях браузеров Internet Explorer.
