DZone Snippets: centered code

DZone Snippets: centered code http://snippets.dzone.com/posts Thu, 21 Aug 2008 15:12:39 GMT DZone Snippets: centered code Centered Box HTML and CSS http://snippets.dzone.com/posts/show/2959 // HTML for web page with the content centered both vertically and horizontally <br /> <br /><code> <br /><html> <br /> <head> <br /> <title>Centered HTML w/ CSS</title> <br /> <style type="text/css" media="screen"> <br /> body, html { height: 100%; background-color:#000; } <br /> #outer { height: 100%; width: 100%; overflow: visible; position: relative; } <br /> #outer[id] { display: table; position: static; } <br /> #middle { position: absolute; top: 50%; } <br /> #middle[id] { display: table-cell; vertical-align: middle; position: static; } <br /> #inner { position: relative; top: -50%; text-align: center; } <br /> #inner[id] { position: static; text-align: center; } <br /> </style> <br /> </head> <br /> <body> <br /> <div id="outer"> <br /> <div id="middle"> <br /> <div id="inner"> <br /> This is the content <br /> </div> <br /> </div> <br /> </div> <br /> </body> <br /></html> <br /></code> Fri, 03 Nov 2006 09:01:47 GMT http://snippets.dzone.com/posts/show/2959 jasonbentley (Jason Bentley)