Выровнять текст и картинку по вертикали

Для красивого оформления контента хочется сделать так:

а получается так:

по умолчанию текст прижимается к нижней границе картинки.

Два варианта как это исправить.

1. Вставляем в пользовательский CSS вашей темы WordPress следующую строчку:

img.middle { vertical-align: middle; }

При выводе картинки в статье добавьте:

class="middle"

чтобы получилось:

<img class="middle" src="https://site.ru/wp-content/uploads/2019/06/1.jpg" alt="1" width="94" height="80" class="alignnone size-full wp-image-15458" />

2. Если вы не знаете где прописываются пользовательские стили CSS вашей темы WordPress (или вас вообще пугает слово CSS) — просто добавьте при выводе картинки следующий код:

style="vertical-align:middle"

чтобы получилось:

<img style="vertical-align:middle" src="https://site.ru/wp-content/uploads/2019/06/1.jpg" alt="1" width="94" height="80" class="alignnone size-full wp-image-15458" />

Всем удачи и профита.

Оцените, пожалуйста, статью, я старался :)

(голосов: 1, оценка: 5,00 из 5)