Текст вертикально ⇐ CSS

Ответить

1 сообщение • Страница 1 из 1

Anonymous

Bootstrap 5.3.5 Center

Текст вертикально

Цитата

Сообщение Anonymous » 13 апр 2025, 08:54

У меня есть следующая base.html в моем шаблоне квартала с начальной загрузкой 5.3.5: < /p>

Код: Выделить всё



[url={{url_for(]
[img] [/img]
[/url]

{{ title }}



< /code>
css: < /p>
.header {
height: 100px;
vertical-align: middle;
}
#header-title {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
vertical-align: middle;
color: rgb(0, 73, 101);
}

В настоящее время Текст заголовка остается в верхней части элемента. Как сосредоточить текст?

Подробнее здесь: https://stackoverflow.com/questions/795 ... vertically

1744523683

Anonymous

 У меня есть следующая base.html в моем шаблоне квартала с начальной загрузкой 5.3.5: < /p>
[code]


[url={{url_for(]
[img] [/img]
[/url]

{{ title }}



< /code>
css: < /p>
.header {
height: 100px;
vertical-align: middle;
}
#header-title {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
vertical-align: middle;
color: rgb(0, 73, 101);
}
[/code]
В настоящее время   Текст заголовка остается в верхней части элемента. Как сосредоточить текст?  

Подробнее здесь: [url]https://stackoverflow.com/questions/79571235/bootstrap-5-3-5-center-h1-text-vertically[/url]