html - 垂直对齐，给我同样的头痛

嗨，我试图在一个H1垂直对齐锚文本，我尝试了垂直对齐中间和一些行高技巧不能得到它的工作！

<header>
<div></div>
<h1><a>somelink</a></h1>
</header>

CSS:

div{
height:80px;
width:80px;
float:left;
}

h1{
      font-size: 32px;
      line-height: 32px;
      min-height: 80px;
      vertical-align: middle;
      a{
        line-height: inherit;
        vertical-align: middle;
      }

以下是我的目标，我也许可以用table来解决，但是对于是否应该使用table有很多争论，所以我试图找到一个替代方案：

最佳答案

DEMO
您可以为此添加一个parent div：

 <div id="parent">
    <div id="child"></div>
    <h1><a>somelink is here.somelink is here.somelink is here.somelink is here.somelink is here.somelink is here.somelink is here.somelink is here.</a></h1>
 </div>

CSS

#child {
    height:200px;
    width:80px;
    float:left;
    background: #333333;
}
#parent{
    border:solid 1px yellow;
    width: 100%;

关于html - 垂直对齐，给我同样的头痛，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21405202/