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 */

}

By Arjun

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