Для выравнивания текста внутри блока в CSS можно использовать свойство text-align. Оно позволяет выравнивать текст по левому, правому, центру или по ширине блока. Примеры:
- Центрирование текста по центру блока:
.my-block {
text-align: center;
}
- Выравнивание текста по левому краю блока:
.my-block {
text-align: left;
}
- Выравнивание текста по правому краю блока:
.my-block {
text-align: right;
}
- Выравнивание текста по ширине блока (используется для нескольких строк):
.my-block {
text-align: justify;
}
Обратите внимание, что этот способ выравнивания будет работать только для блочных элементов, таких как div, p, h1-6 и т.д. Для строчных элементов, таких как a, span, em, i, используйте свойство text-align в контейнере, который содержит эти элементы.