Есть несколько способов выровнять текст по высоте в CSS:
- Использование свойства line-height. Установите значение line-height равным высоте контейнера, в котором находится текст. Например:
.container {
height: 100px;
line-height: 100px;
}
- Использование свойства display и align-items. Установите значение display равным flex и align-items равным center для контейнера, в котором находится текст. Например:
.container {
display: flex;
align-items: center;
}
- Использование свойства vertical-align. Установите значение vertical-align равным middle для элемента, содержащего текст. Например:
span {
vertical-align: middle;
}
Выберите подходящий способ в зависимости от вашей разметки и требований к дизайну.