文字的垂直對齊用css

Question

我試圖讓這個：

但2小時後我有這樣的：

的問題是我沒有的想法如何對齊按鈕上的文本而不使用JavaScript，只能使用CSS。無論如何要做到這一點沒有JavaScript？這是我的代碼：

<div class='chart_button'> 
    <div>Pain Relief</div> 
</div> 
<div class='chart_button'> 
    <div>Pain relief by attack</div> 
</div> 

這裏是CSS：

.button_set .chart_button{ 
    display: inline-table; 
    height: 50px; 
    width: 110px; 
    background: url('../img/button-chart.png'); 
    font-size: 14px; 
    font-weight: bold; 
    color: #717171; 
    text-align: center; 
    margin-right: 1px; 
    cursor: pointer; 
    vertical-align: bottom; 
} 

Answer 1

添加這個CSS：

.chart_button>div { 
    display:table-cell; 
    vertical-align:middle; 
}