如何將我的h2標籤放置在空白div底部？

Question

似乎無法做到這一點，我有一個div 200px x 200px和一個h2標籤，我想在盒子死點的底部位置，我嘗試了垂直對齊中心，但這似乎並沒有解決問題？我也嘗試添加相對於盒子的位置，然後確定h2的絕對位置，但是我確定這是更好的方法嗎？

<div class="box"> 
<h2>My title</h2> 
</div> 

.box{ 
     width: 200px; 
     height: 200px; 
     background: #dedede; 
} 

h2{ 
    text-align: center; 
    vertical-align: bottom; 
} 

Answer 1

那裏提供了多個解決方案。

第一：更新你的CSS來：

.box{ 
    width: 200px; 
    height: 200px; 
    background: #dedede; 
    position:relative; 
} 

h2{ 
    text-align: center; 
    width:100%; 
    position:absolute; 
    bottom:0; 
} 

Answer 2

的另一種方式是：

h2{ 
    text-align: center; 
    width:100%; 
    line-height:370px; 
}