CSS：不能在中间垂直浮动文本

Question

我试图让文字在中间垂直浮动。这意味着底部和顶部应该有相同的填充。我尝试过使用vertical-align：middle;但我没有运气。我也用它与display：table-cell。

这是我的代码： http://jsfiddle.net/M7Hsz/

注意，另一个问题是文本的长度不同。所以这个问题与其他stackoverflow帖子不同。所以解决方案需要使文本在中间浮动，即使文本更长/更短

Answer 1

你的h2元素位于绝对位置，当你将它的位置设置为绝对值时，你不能垂直对齐元素。

http://jsfiddle.net/cHjs8/1/

Answer 2

我forked your original version。你使用浮点数混淆了一些东西，所以我将它们与一些不必要的垂直对齐声明一起删除，以简化操作。

我在日期div中添加了一些任意填充，以更好地显示垂直对齐。