Для выравнивания текста в блоке на CSS можно использовать свойство text-align. Это свойство определяет горизонтальное выравнивание текста внутри блока.
Вот несколько примеров:
/* Выровнять текст по центру */
.block {
text-align: center;
}
/* Выровнять текст по левому краю */
.block {
text-align: left;
}
/* Выровнять текст по правому краю */
.block {
text-align: right;
}
/* Разместить блок по центру и выровнять текст по центру */
.block {
margin: 0 auto;
text-align: center;
}
Здесь мы использовали свойство text-align с различными значениями, такими как «center», «left» и «right» для выравнивания текста по центру, по левому и правому краю соответственно.⠀
Также у нас есть пример совместного использования свойств margin и text-align для выравнивания блока по центру и текста внутри блока по центру.
Кроме того, для улучшения визуального восприятия можно использовать свойство line-height, которое устанавливает расстояние между строками текста.