css 上下左右居中

<figure class='logo'>
<span></span>
<div class='photo'/>jh</div>
</figure>

.logo {
display: block;
text-align: center;
border: 4px solid #dddddd;
height: 74px;
width: 74px;
}
.logo * {
display: inline-block;
height: 100%;
vertical-align: middle;
}

.logo .photo {
height: auto;
width: auto;
 font-size:24px;
 font-weight:900
 }