Center div horizontally and vertically

HTML

[code language=”html”]

<div class="center-div"></div>
[/code]

CSS

[code language=”css”]
body
{
background-color: #fcfcfc;
}
.center-div
{
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100px;
height: 100px;
background-color: #ccc;
border-radius: 3px;
}

[/code]

Centering a div in a page, horizontally and vertically

The post Center div horizontally and vertically appeared first on csshint - A designer hub.