Bootstrap 5.3.5 Якоря с изображением не кликабельно ⇐ CSS

[Anonymous]

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




{{ title }}

< /code>
css: < /p>
.header {
height: 100px;
vertical-align: middle;
}
.header img {
float: left;
width: 100px;
height: 100%;
background: #555;
}

.header h1 {
position: relative;
margin: 0 auto;
height: 100px;
height: 100%;
text-align: center;
color: rgb(0, 73, 101);
}
#header-title {
position: absolute;
text-align: center;
display: inline;
margin: 0 auto;
height: 100px;
height: 100%;
color: rgb(0, 73, 101);
}
< /code>
Ни один из элементов пользовательского интерфейса не кликабельна в браузере. Что мне пропустить?

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