css - 小さい方が中央に配置されるように、2つの異なるサイズのdivを垂直に配置します

Question

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

私はしばらくの間、「小さなテキスト」を「大きなテキスト」と垂直方向に揃える方法を見つけようとしてきました。いくつか読んだり、コンテンツをラップしたり、display：tableなどを使用してさまざまな例を試したりしました。

要素をフロートさせたくないのですが、それが最も簡単な方法であればOKです。

何か案は？

Answer 1

にルールvertical-align:middle;を追加する#OrdersEditTitleと、それができるようです。

jsFiddleの例

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