比對兩個不同大小的div垂直使得較小的一箇中心

Question

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

我一直在努力了一段時間才能找出如何讓「小文」與「大文本」垂直對齊。我做了一些閱讀，嘗試了各種包裝內容的示例，使用display：table等。

我不希望浮動元素，但如果這是最簡單的方法，那麼確定。

任何想法？

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