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

Для растяжения текста по ширине можно использовать свойство 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.