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

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

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

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

Admin/ автор статьи

Я расскажу, как мужчине в возрасте 50+ оставаться модным, красивым и здоровым, как в свои пятьдесят чувствовать себя на 30.

Понравилась статья? Поделиться с друзьями:
После 50 лет
Добавить комментарий