垂直对齐div和文本

Question

[jsfiddle.net/c8q17Lu4/][1]

您好，

我可能很容易解决问题。我需要垂直对齐＆＃39;＃header-right-b-headers＆＃39;蓝色的＃div;＃header-right-b＆＃39; div，并垂直对齐橙色div中的文本。

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

Answer 1

设置这些标题的行高等于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