Выравнивание изображений по вертикали

Question

Я очень новичок в CSS. Недавно я создал пользовательскую первую страницу моего веб-сайта, но изображения не выровнены по середине (по вертикали)

Я знаю, что это должно быть очень маленькое изменение, но не могло понять, как это сделать. Пожалуйста, посмотрите мою домашнюю страницу и предложите, что мне следует изменить.

Моя домашняя страница здесь -www.dealschintu.com

То, что я уже пробовал:

пытался добавить теги

vertical-align: middle; 
height: auto; 
width: auto; 

Answer 1

Там находятся несколько способов вертикального центрирования элементов в CSS. Быстрый один, который может работать (в зависимости от того, как документ построен) является следующий CSS сниппет:

position: relative; 
top: 50%; 
-webkit-transform: translateY(-50%); 
-ms-transform: translateY(-50%); 
transform: translateY(-50%); 

Вы также можете попробовать добавить display: table; Для родительского элемента, и

display: table-cell; 
vertical-align: middle; 

К элемент изображения.