vertical Center a DIV with CSS

#container {
   width: 400px; /* here you put the width that you need */
   height: 200px; /* here you put the height that you need */
   position:absolute;
   left:50%;
   top:50%;
   margin-left:-200px; /* this number always to be the width divided two in negative */
   margin-top:-100px; /* this number always to be the height divided two in negative */
}

#container {

width: 400px; /* here you put the width that you need */

height: 200px; /* here you put the height that you need */

position:absolute;

left:50%;

top:50%;

margin-left:-200px; /* this number always to be the width divided two in negative */

margin-top:-100px; /* this number always to be the height divided two in negative */

}

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from last 7+ years, and its my passion to learn new things and implement them as a practice. Aside from work, I likes gardening and spending time with pets.