css - 垂直对齐两个不同大小的 div，使较小的居中

Question

http://jsfiddle.net/RaP2D/5/

一段时间以来，我一直在尝试弄清楚如何使“小文本”与“大文本”垂直对齐。我做了一些阅读，尝试了各种示例，包括包装内容、使用 display:table 等。

我宁愿不 float 元素，但如果这是最简单的方法，那么可以。

有什么想法吗？

Answer 1

将规则 vertical-align:middle; 添加到 #OrdersEditTitle 似乎可以做到这一点。

jsFiddle example

#OrdersEditTitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #2E6E9E;
    display: inline-block;
    vertical-align:middle;
}