HTML & CSS: как мне выровнять нижний край изображения по тексту?

Question

На моих HTML-страницах есть текст с img с. Край top img выровнен с верхом текста, но я хочу, чтобы bottom img был выровнен с текстом.

Как это можно сделать?

ОБНОВЛЕНИЕ Теперь я вижу, что это поведение по умолчанию, но это не происходит на моей странице. Что может быть не так?

Answer 1

РЕДАКТИРОВАТЬ: я вернулся, чтобы добавить разрывы строк и решил добавить пример тоже.

Вы можете сделать это с помощью свойства вертикального выравнивания CSS. Примерно так:

<img src="wherever.png" style="vertical-align: text-top;" />

Больше информации о стиле доступно в w3schools , где у них есть аккуратная песочница .