Vertical alignment of multiple images in a row
Author: Gerardo C.
Visited 443,
Followers 1,
Shared 0
Hi all,
I have a page with several rows and 5 columns.
In the last row, I have five images to be displayed side by side, one per cell. Each image is of a different height (see an example in the attached screenshot).
Currently, all the images are aligned at the top, I would like their middle to be all on the same line.
Is it possible to align vertically all the images, so their middle is aligned with each other (in CSS, one solution is to use the style "vertical-align: middle;")?
Regards,
Gerardo
Posted on the
Instructions in pictures
-----
-----
-----