Делаем при помощи CSS.
Вертикальное выравнивание картинки по центру строки выполняется с помощью vertical-align.
Посмотрим на эту картинку:
![](img/warning_16.png)
Напишем так:
<img src="img/warning_16.png" style="vertical-align: middle;"/>
А вот так лучше: ![](img/warning_16.png)
<img src="img/warning_16.png" style="vertical-align: middle;"/>
А вот так лучше: