html - 对齐文本 "on-the-line"例如顶部，底部中间

Question

不确定你实际调用的行文本对齐到...

如您所见，浅绿色“100”的顶部与“BRANCH”对齐，但我希望它的底部与“BRANCH”对齐。我试着用我的图片和粉红色的覆盖层来说明这一点。

<div class="row">
                                <div class="col-md-4">
                                    <h1 class="number">100</h1>
                                </div>
                                <div class="col-md-8">
                                    <h2 class="description">Branch</h2>
                                </div>
                            </div>

我如何使用 CSS 实现这一点？

Answer 1

{垂直对齐:基线}

更新

因为你使用了 2 个 div，你可以这样做......

div.col-md-4, div.col-md-8 {
display: inline-block;
vertical-align:bottom;
}