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

Question

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

我一直试图弄清楚如何使“小文本”与“大文本”垂直对齐。我做了一些阅读，尝试了包装内容的各种例子，使用display：table等。

我不想浮动元素，但如果这是最简单的方法，那就OK。

有什么想法吗？

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;
}

Answer 2

要么执行j08691所说的内容，要么将位置设置为相对位置，将顶部设置为-5px。

jsFiddle

#FiltersHaveChangedHighlight {
    display: inline-block;
    padding: 5px;
    position:relative;
    top:-5px;
    margin-left: 5px;
    font-size: 11px;
}
​