Never been to DZone Snippets before?

Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

CSS *true* centering (See related posts)

This will truely center something in CSS. Not tested in IE, knowing IE, it will burn in flames.

#center-me { /* There can be only one Centerlander! */
  height: 100%;
  display: table !important;
  margin: auto;
}

#center-me > * {
  display: table-cell !important; /* Don't touch me! I MEAN IT! DON- ... don't touch me. Really, don't touch me. */
  vertical-align: middle !important;
}



<div id="center-me">
  <h1>I'm centered!</h1>
</div>

to css layout simple center centering true horizontal vertical placement by elliottcable on Wed Mar 19 03:30:22 -0400 2008

Comments on this post

hobbyman posts on Mar 19, 2008 at 07:43
Yep, you are correct. It does not work in IE.

You need to create an account or log in to post comments to this site.


Click here to browse all 5137 code snippets

Related Posts