проблема выравнивания в Div: html

Question

Я пытаюсь выровнять по центру по вертикали в тексте в Div, но он не работает. Может кто-нибудь предложить альтернативный вариант. Я использую браузер Mozilla.

<td width="47.32%" style="vertical-align: middle; margin: 0px;"> 
    <div id="dateRangeLbl" style="vertical-align: middle;"> 
     Aug 21,2013 
    </div> 
</td> 

Кажется, что проблема возникает из-за ниже CSS. но мое требование состоит в том, чтобы отправить изображение на tob of Image.

#dateRangeLbl:hover { 
    background-image: url(<%=contextPath%>/images/dateRangeHover_bg.png); 
    cursor:hand; 
    color: #0066cc; 
} 

Answer 1

Вы можете использовать таблицу с одной строки и одного столбца. Элемент td поддерживает выравнивание по вертикали и горизонтали без необходимости делать какие-либо трюки CSS, и он работает одинаково во всех браузерах. Используя CSS, вы бы применить их к td:

vertical-align: middle; 
text-align: center; 

НТН правило

Answer 2

Для вертикального выравнивания что-то, установить display для элемента inline-block, то vertical-align: middle за содержание: http://phrogz.net/css/vertical-align/

Answer 3

Этот CSS решить мою проблему:

#dateRangeLbl{ 
    padding : 5px 0px 0px 0px ; 
}