Блог

Мне нужно, чтобы текст и изображение были выровнены по вертикали вместе. В частности, изображение должно быть расположено вертикально в середине текста. Каков наилучший способ сделать это?

Одно ограничение: содержимое моего <img> тега извлекается из внешнего источника, и было бы здорово, если бы я мог оставить <img> тег неизменным (без добавления атрибутов).

Пример:

 <div>Some text <img src="http://somewhere.com/someimage.png"/></div>
  

img { vertical-align: middle; }

Возможно, лучше всего добавить class или id к img окружению div или, поскольку это повлияет на все img теги на странице

div{background:url(«http://somewhere.com/someimage.png «) 50% 50% без повторов; высота строки: 1,5 метра; выравнивание текста: по центру}

должен это сделать. в зависимости от размера шрифта