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

About this user

elliott cable http://elliottcable.name/

« Newer Snippets
Older Snippets »
Showing 1-1 of 1 total  RSS 

CSS *true* centering

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 Mar 19, 2008 1 Comments
« Newer Snippets
Older Snippets »
Showing 1-1 of 1 total  RSS