vertical-align: text-top; non funziona nella cella di tabella (td) in HTML5

Question

Non so perché, ma per la vita di me non riesco a far allineare il mio testo sulla parte superiore di una cella di tabella (td) quando la cella prima sta avvolgendo il testo.

Se scrivo in HTML funziona, ma non riesco a ottenere lo stesso effetto nel mio CSS.

Funziona con HTML:

<td style="vertical-align:text-top;">Some Text</td> 

non con i CSS:

table td { vertical-align: text-top; } 

E ho provato ogni combinazione si può pensare nel mio CSS

Answer 1

Assicurarsi di non essere impostazione "display: block" sugli elementi TD, poiché l'allineamento verticale non funziona sugli elementi di blocco. Inoltre, text-top non è il migliore e presenta alcuni problemi relativi al browser. Usa invece "top". Prova ad aggiungerlo nel foglio di stile:

table td { 
    display: table-cell; 
    vertical-align: top; 
}