垂直对齐 div 和文本

Question

[jsfiddle.net/c8q17Lu4/][1]

您好，

我遇到了问题，可能很容易解决。我需要在蓝色的“#header-right-b”div 中垂直对齐橙色的“#header-right-b-headers”div，并垂直对齐橙色的文本 divs.

我已经尝试了垂直对齐和显示为内联块规则，以及其他一些规则，但不明白为什么它不起作用。有人可以帮忙吗？

Answer 1

将那些 headers 的行高设置为等于您为 div 设置的高度。

line-height:20px;

像这样：http://jsfiddle.net/c8q17Lu4/1/ ?

Answer 2

将行高设置为等于环绕的高度div。

添加

.header-right-b-headers-end h3, .header-right-b-headers h3{
line-height: 20px;
}

这给你的 CSS.

已更新Fiddle