Хочу в Header, слева сбоку, сделать блок с лого и справа от него, рядом, название сайта и всё это по центру.
Что я делаю не так? Изображение не выравнивается по центру (вертикально).
<div class="navbar_brand">
<img src="./img/logo.png">
<span>Название сайта</span>
</div>
* {
box-sizing: border-box;
}
.navbar_brand {
height: 56px;
}
.navbar_brand img {
display: inline-block;
height: 32px;
width: 32px;
background-repeat: no-repeat;
}
.navbar_brand span {
vertical-align: middle;
display: inline-block;
}