Edit in JSFiddle

div {
    border:1px solid #000000;    
    padding:5px;
}
.content {
    width:30%;
    height:100px;  
    position: relative;
}
.content div {
    position:absolute;    
    width:50px;
    height:50px;    
    /* 加下面的 margin:auto、top:0、bottom:0 即可垂直置中 */
    margin:auto;
    top:0px;
    bottom:0px;
    /* 加上 margin:auto、left:0、right:0 即可水平置中 */    
    left:0px;
    right:0px;    
}

<p>水平置中 + 垂直置中</p>
<div class="content">
    <div>&nbsp;</div>
</div>