Pionowe centrum wyrównywania CSS w okręgach

Question

Próbuję wyśrodkować tekst w kotwicy. Użyłem linii wysokości i to działa, ale gdy tekst się zawija, tekst w drugiej linii dostaje wysokość linii ... Jak mogę wyśrodkować tekst w kotwicy bez takich nieudanych?

http://jsfiddle.net/y2UYX/1/ - Kliknij na kółko, aby odkryć inne okręgi, a zobaczysz, co mam na myśli.

Chciałbym wesprzeć jak najwięcej przeglądarek. jeśli dodasz dodatkowe właściwości do obsługi większej liczby przeglądarek, powiedz, która linia odpowiada przeglądarce, dodając komentarz.

Dziękuję bardzo!

Answer 1

Można użyć do tego celu wyświetlania : tabeli. napisać tak:

.SubMenu li { 
    margin:50px; 
    background:red; 
    border-radius:50px; 
    height:100px; 
    width:100px; 
    display:table; 
} 

.SubMenu a { 
    height:100px; 
    width:100px; 
    display:table-cell; 
    text-align: center; 
    vertical-align: middle; 
} 

Sprawdź to http://jsfiddle.net/y2UYX/6/

Answer 2

Można użyć elementu stylu do tego

element.style { 
line-height: 13px; 
padding-top: 37px; 
height: 60px;}