Jul 7, 2010
Centering element in liquid layout - CSS tipHow to center an element on a page using CSS? There are many methods, i have tried some of them but no one working according me. I am sharing one of them that working well for me.
IdeaThe trick behind this is really very interesting, Its about positioning element absolute and setting top, left and margin according to the size of element.
Set top and left to 50% (to center) and margin in negative and half of the height and width
//set width and height
//set top and left 50%
//set margin negative, and half of width and height
margin: -100px 0 0 -200px
DemoYou can visit my SMSME page to see the working demo.
If anything helps, feel free to buy me a beer.
By : Motyar+ @motyar