Vertically center align an element using CSS

Vertical alignment is difficult to find a solution. But I will tell you a simple way to align a div vertically center. The CSS property you’re going to use for this purpose is vertical-align.
Here is the code of a div aligned vertically.


This only works for div with the display property inline-block and some others which I don’t know. But it’s better to use inline-block.