Centering Absolute Div on Page

To Centring Absolute Div on page you must know height and width of div.

Css Code

.mydiv
{
position:absolute;
height:500px;
width:500px;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-250px;
}

HTML CODE

My Centered Div Content