vertical-align: text-top; no funciona en la celda de la tabla (td) en HTML5

Question

No estoy seguro de por qué pero para mi vida no puedo hacer que mi texto se alinee en la parte superior de una celda de la tabla (td) cuando la celda está envolviendo el texto.

Si lo escribo en el HTML funciona, pero no puedo obtener el mismo efecto en mi CSS.

Funciona con HTML:

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

no hace con CSS:

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

Y he intentado todas las combinaciones que se pueda imaginar dentro de mi CSS

Answer 1

Asegúrese de que usted no está configurando "display: block" en los elementos TD, ya que la alineación vertical no funciona en los elementos del bloque. Además, text-top no es el mejor, y tiene algunos problemas de navegador cruzado. Use "arriba" en su lugar. Intente agregar esto en su hoja de estilo:

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