CSS Текст, выделенный внутри DIV

Question

Я пытаюсь добиться чего-то и не могу этого сделать.

У меня есть div с фиксированной высотой & ШИРИНА. Я хочу, чтобы текст был центрирован по вертикали.

до сих пор мне удалось сделать так:

<div> 
    <a>this is a long text</a> 
</div> 

и это будет выглядеть как этот

------------- 
This is a long 
    text 
------------- 

, который является большим

Но если линия не будет обернуть это будет выглядят следующим образом

------------ 
This is short 

------------- 

.the-div 
{ 
height:29px; 
line-height:14px !important; 
} 

.the-a 
{ 
font-size:12px; 
} 

Мне нужно, чтобы это тоже ценилось!

Я попытался с помощью высоту строки и играть это с JS, чтобы понять, если его упаковки или нет, а затем изменение высоты строки соответственно

Спасибо за помощь

Answer 1

div a{ 
margin-top:auto; 
margin-bottom:auto; 
} 

Answer 2

попробовать этот пример

http://jsfiddle.net/fcalderan/3HBC4/1/

Answer 3

.the-a 
{ 
font-size:12px; 
vertical-align: middle; 
} 

Answer 4

если вы сделаете высоту линии так же, как высота DIV, он будет автоматически вертикальный центрируется

the-div 
{ 
height:29px; 
line-height:29px !important; 
} 

Answer 5

Для вертикальных выровнено, а также, вы должны будете использовать некоторый дисплей в качестве таблицы писак. Это позволит вам использовать vertical-align:middle;, добиваясь того, что я считаю вам нужным.

Example