@vitHlJT62b7VCE2

Как выровнять лого и надпись по центру?

Хочу в 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;
}
  • Вопрос задан
  • 142 просмотра
Пригласить эксперта
Ответы на вопрос 4
@tyzberd
.navbar_brand {
    display: flex;
    align-items: center;
}
Ответ написан
@a350
@EdOther
Student - Programmer
.navbar_brand {
  height: 56px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
Ответ написан
@nikshyuk
Попробуйте так:

.navbar_brand_wrap {
  display:block;
}
.navbar_brand {
  height: 56px;
  display:table;
}

.navbar_brand img {
  display: table-cell;
  vertical-align: middle;
}
.navbar_brand img {
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
}

.navbar_brand span {
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы