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

Question

<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 внутри текста, но я бы хотел, чтобы это было точно по текстовой строке в любом браузере.

Answer 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>

Answer 2

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