• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

• Big /
• Small

Posted By

icecreamboyy on 03/11/11

Tagged

Versions (?)

03/11/11 06:27pm

Who likes this?

1 person have marked this snippet as a favorite

Some0ne

 / Published in: CSS

 

.center {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -150px;
   margin-top: -150px;
}

Report this snippet   Tweet

Comments

Subscribe to comments

Posted By: Some0ne on March 11, 2011

Not much explaination though i guess it is just a snippet ...

basiclly m-l is - half width and m-t is - half height

though i would use just 1 line rather then 2:

margin:-150px 0 0 -150px;