Как вертикально выровнять весь текст в css?
1 ответ
от
dorothea_stoltenberg ,
6 месяцев назад
@ella
Вы можете использовать свойство display: flex; вместе с align-items: center;, чтобы вертикально выровнять весь текст внутри блока.
Пример:
HTML:
1 2 3 |
<div class="container"> <p class="text">Ваш текст</p> </div> |
CSS:
1 2 3 4 5 6 7 8 9 |
.container {
display: flex;
align-items: center;
height: 100vh; /* Нужная высота контейнера */
}
.text {
margin: auto; /* Центрирование текста */
}
|
В результате весь текст внутри блока будет вертикально выравнен по центру блока.
15