Как выровнять текст по вертикали относительно изображения?

Question

[weranda]

Приветствую

Есть изображение и рядом с ним текст:

<div>
    <img src="img.png">
    <p>Календарь</p>
</div>
<div>
    <img src="img.png">
    <p>Производственный календарь</p>
</div>

Подскажите пожалуйста варианты центрирования текста по вертикали относительно изображения без flex.

Answer 1

[Максим Тимофеев]

У Вас поиск отключили?
нажми меня

Answer 2

[Одиночка Айс]

https://codepen.io/daemonhk/pen/qoyGEg

Держите

Comments

[weranda]

Одиночка Айс Что делать если ширина блока ограничена и текст в две строки должен быть, а не в одну?

[Одиночка Айс]

weranda, обновил решение

[weranda]

Одиночка Айс, Не, все равно съезжает при уменьшении ширины.

[Одиночка Айс]

weranda, так вы картинку уменьшайте пропорционально, там размеры заданы жесткие, включите медиа запросы

Answer 3

[Дмитрий Демиденко]

Попробуйте сделать что то типа этого https://jsfiddle.net/xo6ouks2/

Answer 4

[Владислав Бойченко]

Если вам не подходит flex и display: inline-block;vertical-align:middle, то используйте таблицы. Да, это нормально и кроссбраузерно, и вертикальное выравнивание у ячеек можно задавать.