У меня заголовок: FIXED position.
Вот css:
#header{
position:fixed;
height: 6em;
display:block;
width: 100%;
background: rgba(255, 255, 255, 1);
z-index:9;
text-align:center;
color: #000000;
}
И внутри, я хочу центрировать текст по середине и по вертикали. Вот что я до сих пор, но он не работает. Все примеры онлайн-показаний с абсолютной позицией в качестве контейнера, но не работают с фиксированным.
HTML:
<div id="header">
<div id="bandname">Bewolf Photography</div>
<div id="insta"><img src="imgs/insta.png" width="40" alt="tablets" /></div>
<div id="bandname">Bewolf Photography</div>
</div>
CSS для текста и изображения:
#bandname
{
display: inline-block;
font-size: 2.8em;
padding: 0px 0px 0 0;
vertical-align: middle;
background: rgba(0, 255, 0, 1);
}
#insta {
display: inline-block;
padding: 0px 0px 0px 50px;
vertical-align: middle;
}
Я просто не могу понять, что один из них...
Я попытался использовать
line-height: 6em;
Помощь будет оценена...thanks но это тоже не работает.