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

Для красивого оформления контента хочется выровнять текст и картинку по вертикали, чтобы получилось так:

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

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

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

   img.middle { vertical-align: middle; }

   img.middle { vertical-align: middle; }

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

   class="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" />

   <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"

   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" />

   <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" />

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