Во-первых, встроенный CSS вообще не рекомендуется, это действительно испортит ваш HTML.
Для выравнивания изображения и диапазона вы можете просто сделать vertical-align:middle
.
.align-middle {
vertical-align: middle;
}
<div>
<img class="align-middle" src="https://i.stack.imgur.com/ymxaR.png">
<span class="align-middle">I'm in the middle of the image! thanks to CSS! hooray!</span>
</div>