HTML/CSS

Webdesign Inspiration: Display List of Articles With Content Centered Vertically To the Image

Posted on Author Peter Stehlík

Align HTML content to the middle vertically is easy now with help of CSS flexbox feature. How to benefit from that in the list of articles? See the example.

Common problem in PSD to HTML coding, that some part of the HTML should be aligned vertically to the middle.

But the length of the content can vary. It depends on the length of heading, or text.

How to achieve perfectly centered alignment, no matter what the content length is?

Demo

No matter, how long the title, or the excerpt are, the content is always centered verticaly to the image using powerful CSS flexbox feature.