html - div 中的文本被下移 - 如何居中？

Question

我有一系列 CSS 样式的框。每个框都有一个标题，后面跟着一个段落标记中的数字。一些标题是 2 行，在这种情况下，数字显示在我想要的位置:在框的底部居中。在标题只有 1 行的地方，数字浮得比我想要的高。如何让数字位于空白区域的中心？这是怎么回事？

代码在这里:https://jsfiddle.net/snp3gvke/

<div class="sm red left-margin"><h2>Website<br/>Visitors</h2><p>120,363</p>    </div>

Answer 1

尝试添加 vertical-align:middle; 和 line-height