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

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

1

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

2

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

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

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)

Задайте вопрос в комментариях