如何在Bootstrap / CSS中正确对齐此标题？

Question

我开始基于Twitter的Bootstrap框架模拟一个WordPress主题。 有人可以验证我到目前为止的代码是犹太教吗？

更具体地说，标题...... 我有一个头像旁边的名字和副头。 我希望文本垂直显示在图像的中间。当页面足够宽时，这可以成功运行（screengrab：imgur.com/YCpSm）。但是，当我减少浏览器宽度和响应式设计时，文本会向上移动（screengrab：imgur.com/K4Vyj）。

如何确保文字保留在图像的垂直中心？

感谢。

-

代码：http://jsfiddle.net/robertandrews/jP4nT/（包含标准的bootstrap.css，标准的bootstrap-responsive.css和自定义CSS）

Page：http://jsfiddle.net/robertandrews/jP4nT/embedded/result/

Answer 1

你可以使用浮动元素而不是绝对定位： http://jsfiddle.net/jP4nT/1/

我也不会放置＆lt; h1＆gt; ＆lt; p＆gt;中的标记，但这可能很好。

Answer 2

这可能更简单：http://jsfiddle.net/6FMDR/

• 无需额外的html标签

• Less css

<强> CSS：

.myheader {
  padding:15px 0 20px;
  display:block;
}

.myheader img {
   float: left;
   padding:0 15px 10px 0;    
}

.myheader h1 {
   margin-top: 10px;
}