[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);
}

Ich habe die folgende Base.html in meiner Quart -Vorlage mit Bootstrap 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]
Derzeit ist der Text Title -Text oben im Element. Wie zentriere ich den Text?