Текст

Утилиты для выравнивания текста, трансформации, переноса строк и обрезки.

Выравнивание

Класс	text-align
text-left	left
text-center	center
text-right	right
text-justify	justify
text-justify-all	justify-all

Перенос строк

Класс	Свойство	Значение
text-nowrap	white-space	nowrap

Обрезка текста

Класс	Эффект
text-truncate	Обрезает текст с … (требует overflow: hidden; white-space: nowrap)

Трансформация

Класс	text-transform
text-uppercase	uppercase
text-lowercase	lowercase
text-capitalize	capitalize

Адаптивные варианты

<p class="text-left md:text-center lg:text-right">
  Адаптивное выравнивание
</p>

<span class="text-lowercase md:text-uppercase">
  Адаптивная трансформация
</span>

Примеры

<p class="text-center fw-bold">Заголовок по центру</p>
<p class="text-justify lh-relaxed">Текст по ширине</p>
<div class="text-truncate" style="width: 200px">
  Очень длинный текст который будет обрезан многоточием
</div>
<span class="text-uppercase ls-wider">ЗАГОЛОВОК С РАЗРЯДКОЙ</span>