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

Question

不知道你實際調用該行文本對齊......

正如你可以看到彩色的「100」旱廁出現了它的頂配「分支」對齊，但我希望它將它的底部與'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; 
}