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

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

{垂直对齐：基线}

UPDATE

由于您使用的是2个div，因此您可以执行此操作...

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