Как выровнить текст и картинку?

• 

  studiosikh · Участник · 13 апреля, 2014 at 2:07 пп

  • Копировать ссылку
  • Добавить тему в избранное

  Не могу понять почему картинка и текст не выравниваются по одной оси. Подскажите пожалуйста в чём ошибка.
  <h1><div title="В сумерках"><img src="http://studiosikh.files.wordpress.com/2014/04/sims3_late_night.png" align="middle" alt="Late Night" width="30" height="30" /> The Sims 3 Late Night</div></h1>

  Вопрос касается блога (видны только вошедшим пользователям).

• 

  studiosikh · Участник · 13 апреля, 2014 at 2:25 пп

  • Копировать ссылку

  И так не работает((
  <h1><div><img title="В сумерках" style="vertical-align: middle;" src="http://studiosikh.files.wordpress.com/2014/04/sims3_late_night.png" alt="Late Night" height="30" width="30" /> The Sims 3 Late Night</div></h1>
  Здесь можно посмотреть
  Очень странно. Картинка квадратная, а текст всё равно немного выше((

• 

  studiosikh · Участник · 17 апреля, 2014 at 9:19 дп

  • Копировать ссылку

  Никто не знает?
  и в гугле не нашлось((

• 

  studiosikh · Участник · 20 апреля, 2014 at 8:26 пп

  • Копировать ссылку

  <img style=»vertical-align:middle;» src=»http://studiosikh.files.wordpress.com/2014/04/sims3_late_night.png» height=»20″ width=»20″ /> <span style=»position:relative;bottom:-4px;»>В сумерках</span>
  <img style="vertical-align:middle;" src="http://studiosikh.files.wordpress.com/2014/04/sims3_late_night.png" height="20" width="20" /> <span style="position:relative;bottom:-4px;">В сумерках</span>

• 

  studiosikh · Участник · 20 апреля, 2014 at 8:26 пп

  • Копировать ссылку

  Отбой.