Как выровнить текст по центру по вертикали в блоке?

[nikki4]

Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру?

 

<div class="title">Заголовок</div>
<div class="title">Длинный загогловок в две строчки</div>

.title {
  width:200px;
  height:40px;
  background:pink;
  border:1px solid;
  float:left;
  margin-left:5px;
  text-align:center;
}

http://jsbin.com/lunizoguqu/edit?html,css,output

 

Edited October 31, 2016 by nikki4

[Livitan]

3 часа назад, nikki4 сказал:

Из-за разной высоты заголовков едут картинки, из-а чего не красиво.

А где собственно картинки?

[nikki4]

http://jsbin.com/fajecuzome/edit?html,css,output

 

Вот : картинки расположены на разных уровнях. Для этого делаю фиксированную высоту для заголовка. Но как теперь там отцентрировать текст?