Чтобы поставить текст слева по центру от изображения, можно использовать атрибут align тега img. 24 Он определяет, по какому краю будет расположена картинка и с какого края её будет обтекать текст. 4
Пример выравнивания по центру изображения: 2
<p><img src='../images/2121.png' width='128' height='128' align='middle' /> Текст по центру изображения</p>
Атрибут align имеет следующие значения: 4
- left — изображение будет расположено по левому краю, а текст будет обтекать его справа; 4
- right — изображение расположится справа, а текст будет обтекать его слева; 4
- bottom — отвечает за вертикальное выравнивание, при этом картинка будет находиться слева, а нижняя часть изображения — на против первой строки текста; 4
- top — тоже, что и предыдущее значение, только строчка текста будет располагаться по верхней границе изображения; 4
- middle — при данном значении происходит выравнивание середины изображения по базовой линии строки. 4
Также для выравнивания текста слева и по центру относительно картинки можно использовать CSS, например, с помощью flexbox. 5