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

Question

[Aodhan]

Пример того, что нужно сделать. Бьюсь уже который день. Решения для кокретно этой ситуации так и не нашел. Проблема в том, что размер картинки адаптивен и он больше самого текста. Не получается вставить это в один ряд фиксированного размера.

Comments

[Roman Chuvilev]

.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;
}

Answer 1

[Roman Chuvilev]

.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;
}