Wyrównanie tekstu do obrazu

Siedzę nad pewną witryną opartą na html. Nic szczególnego ,jednak?! trafiłem na pewien problem ponieważ postanowiłem osadzić logo obok tekstu. Z pozoru prosta czynność prawie doprowadziła mnie do szału. Logo albo było za nisko albo za wysoko itd. Przerabiając plik css doszedłem do wniosku że przecież w dobie nowoczesnych przeglądarek jest przecież prostsze rozwiązanie? Przedstawione jak poniżej:

<div>
<img style="vertical-align:middle" src="http://obrazek.pl/jakisobrazek.png">
<span style="vertical-align:middle">tekst tekst</span>
</div>