在線對齊文本，例如頂部，底部中間

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