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

« 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.

   1  
   2  #center-me { /* There can be only one Centerlander! */
   3    height: 100%;
   4    display: table !important;
   5    margin: auto;
   6  }
   7  
   8  #center-me > * {
   9    display: table-cell !important; /* Don't touch me! I MEAN IT! DON- ... don't touch me. Really, don't touch me. */
  10    vertical-align: middle !important;
  11  }



   1  
   2  <div id="center-me">
   3    <h1>I'm centered!</h1>
   4  </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