对齐文本“在线”，例如顶部，底部中间

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