Как корректировать маленькие картинки в тексте, чтобы они выглядели одинаково для всех веб-браузеров

#css #text #vertical-alignment #image

#css #текст #выравнивание по вертикали #изображение

Вопрос:

 <div style="">How to valign <img src="pictures/qsign.gif" alt="question sign"/>
within text <img src="pictures/qsign.gif" alt="question sign"/>? It looks a bit
different when use different web-browsers.</div>
  

Что я должен поместить в style=»», чтобы выровнять его по вертикали? Эти картинки довольно маленькие, поэтому они выглядят как символы среди текста.
В Opera это выглядит немного ниже, чем в Chrome в тексте, но я хочу, чтобы это было точно по строке текста в любом браузере.

Ответ №1:

просто попробуйте это или подобное с вашим собственным классом;

 <style>
.test img { vertical-align:middle;}
</style>
<div class="test">How to valign <img src="pictures/qsign.gif" alt="question sign"/>
within text <img src="pictures/qsign.gif" alt="question sign"/>? It looks a bit
different when use different web-browsers.</div>
  

Ответ №2:

‘vertial-align’ — это свойство CSS, которое вы ищете.