Вот вам пару вариантов юзайте последний уже описывали выше.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<title>тест</title>
<style>
[class^=over]{
width:200px;
height:200px;
background:green;
border:1px solid red;
}
[class^=over] div{
width:50px;
height:50px;
background:red;
}
.over1{
line-height:200px;
text-align:center;
}
.over1 div{
display:inline-block;
vertical-align:middle;
}
.over2{
display:table-cell;
vertical-align:middle;
}
.over2 div{
margin:0 auto;
}
.over3{
position:relative;
}
.over3 div{
position:absolute;
margin:auto;
top:0;
bottom:0;
right:0;
left:0;
}
.over4{
position:relative;
}
.over4 div{
position:absolute;
margin:-25px 0 0 -25px;
top:50%;
left:50%;
}
</style>
</head>
<body>
<div class="over1">
<div></div>
</div>
<div class="over2">
<div></div>
</div>
<div class="over3">
<div></div>
</div>
<div class="over4">
<div></div>
</div>
</body>
</html>