Vertically center align an element using CSS

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 youre going to use for this purpose is vertical-align.
Here is the code of a div aligned vertically.

#adiv{
display:inline-block;
vertical-align:middle;
}

This only works for div with the display property inline-block and some others which I dont know. But its better to use inline-block.

download file now