Это код CSS для элемента, который нужно выровнять по горизонтали и по вертикали.
родительский элемент
#parent {
display: table;
float: left;
height: 80px; /*это значение изменяете под себя*/
vertical-align: middle;
width: 100%;
}
вложенный элемент
#child {
display: table-cell;
vertical-align: inherit; /*наследует выравнивание как у родителя*/
width: 125px; /*опционально, если в родительском блоке есть еще элементы, то может пригодиться*/
}
Это хорошее решение для выравнивания картинок товаров в сетке таблицы.