Отцентрировать текст с изображение, как?

Question

[LebedevStr]

Отцентрировать текст с изображение, как?
https://jsfiddle.net/fjkezesc/

Спасибо!

Answer 1

[Евгений Обыкновенный]

display: inline-block; vertical-align: middle;
https://jsfiddle.net/0rkyqo6t/

Answer 2

[web_xaser]

Уберите обтекание.

Comments

[LebedevStr]

если убрать обтекание, изображение и текст будут в двух отдельных строках.

Answer 3

[Ankhena]

Для картинок и подписей к ним есть специальные теги: figure и figcaption.
Для выравнивания группа свойств флексбокс.

https://jsfiddle.net/a6x7e5so/

Можно заменить на div'ы и/или span'ы.

Answer 4

[HamSter]

3 варианта

1. display: inline-block;
2. display: flex;
3. display: table;

P.S: тег center уже лучше не использовать в html.