Advanced Search

Return to Snippet

Revision: 64526
at August 19, 2013 18:52 by apphp-snippets
Initial Code 
<style type="text/css">
/* Center your website horizontally */
.wrapper{
   width:960px;
   display:table;
   margin:auto;
}
 
/* Center certain content vertically */
.container{
   min-height: 10em;
   display: table-cell;
   vertical-align: middle;
}
</style>
 
<div class="wrapper">
    <div class="container">
        <p>Content goes here</p>
    </div>
</div>
Initial URL 
http://www.apphp.com/index.php?snippet=css-center-site-content
Initial Description 
Today in the days of high-resolution widescreen displays, it's annoying to visit websites that are formatted like it's 1990's. aligned all the way to the left. Make sure your website doesn't suffer the same fate by forcing it;s content to center horizontally and vertically.
Initial Title 
Center Website Content with CSS
Initial Tags 
center
Initial Language 
CSS