Учебный пример
Выравнивание блоков, текста и изображений
Три учебных примера CSS: вертикальное выравнивание изображения, центрирование текста и блоки с table-cell.
Пример 1: изображение в строке
Текст по центру 
(по вертикали) картинки
(по вертикали) картинкиПример 2: текст в центре блока
Текст в центре блока
Пример 3: вертикальное выравнивание table-cell
1-й блок
2-й блок
2-й блок
3-й блок