#center {
top: 50%; /* Отступ в процентах от верхнего края окна */
left: 50%; /* Отступ в процентах от левого края окна */
width: 450px; /* Ширина блока */
height: 450px; /* Высота блока */
position: absolute; /* Абсолютное позиционирование блока */
margin-top: -225px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
margin-left: -225px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
}
<html>
<head>
<style type="text/css">
html, body {
height : 100%;
width : 100%;
overflow : hidden;
}
.wrapper {
height : 100%;
width : 100%;
padding: 20px;
}
.content {
height : 100%;
width : 100%;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="content">Content here</div>
</div>
</body>
</html>
