@Aodhan

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

5cdef7678819e638317183.jpeg
Пример того, что нужно сделать. Бьюсь уже который день. Решения для кокретно этой ситуации так и не нашел. Проблема в том, что размер картинки адаптивен и он больше самого текста. Не получается вставить это в один ряд фиксированного размера.
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
neverovlad
@neverovlad
Junior web developer
Можно так:
<div class="box">
    <img src="https://placehold.it/60x60">
    <span>Menu</span>
</div>

.box {
   display: flex;
   align-items:center;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
FrontEndTarot
@FrontEndTarot
Junior Front-end developer
.items {
display: inline ИЛИ table-cell;
line-height: 100%;
vertical-align: middle;
}

ИЛИ

.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
ALIGN-ITEMS: CENTER;
}
Ответ написан
Ваш ответ на вопрос

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

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