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

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