Как сделать центрирование текста по центру по вертикали?

Как сделать центрирование текста по центру по вертикали?
При изменении окна браузера меняется размер изображения,
нужно чтобы надпись всегда была четко по центру.
При наведении на блок ниже появляется еще одна строка,
нужно, чтобы из-за нее верхняя строка не отодвигалась наверх.
project-promo.ru

Спасибо!
  • Вопрос задан
  • 143 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Я считаю вредным то, что сейчас тут все Вам покидают готовые ответы, т.к. лучше разобраться самой. Полезным будет покидать вам хорошие ссылочки, например вот https://css-tricks.com/centering-css-complete-guide/

UPD: Полоску можно сделать с position: relative, тогда она не будет влиять на высоту текста, а значит и на его выравнивание. Только смотрите, при маленькой высоте блока, эта полоска может выйти за пределы.
UPD: поправочка, не relative, а absolute
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@akavato
frontend dev
На хабре
Вот тут все способы, на русском
Ответ написан
Комментировать
Kizilov
@Kizilov
Front-end developer
.page {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы