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

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

我宁愿不浮动元素，但如果这是最简单的方法，那么就可以了

---

有什么想法吗？

添加规则

垂直对齐：中间

to

#OrdersEditTitle

似乎可以做到这一点

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

---

按照j08691所说的操作，或者将位置设置为相对，将顶部设置为

-5px

---

嘎。我将verticalalign:middle应用于包装器div，并认为这就足够了。好的，谢谢。很抱歉，这是一个很小的问题。这对您不起作用，因为垂直对齐只适用于内联级别的元素。

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