HTML alinea las filas de la tabla en la parte superior

Question

Tengo una tabla HTML. Se ve de la siguiente manera:

<table> 
    <tr> 
     <td>Content one</td> 
     <td rowspan="2"> Very long content right</td> 
    </tr> 
    <tr> 
     <td>Content two</td> 
    </tr> 
</table> 

Como ves, tengo algo de contenido muy largo en el lado derecho de la tabla, en realidad, es tan larga que no se ajusta a qué altura está dada por las filas de la tabla , y así la mesa se pone más alta, y al hacerlo, los contenidos uno y dos ya no están en la parte superior de la mesa, sino que se distribuyen a lo largo de toda la altura. ¿Cómo puedo evitar que hagan esto?

EDITAR: Lo que necesito no es que el contenido esté alineado en la parte superior, sino las filas mismas.

Answer 1

Curiosamente, nadie dio la respuesta correcta, sin embargo, por lo que Estoy saltando para cerrar esta pregunta de una manera satisfactoria.

Lo que realmente necesita es la propiedad CSS valign='baseline' para alinear las primeras líneas de texto de los elementos <td>.

td { 
    vertical-align: baseline; 
} 

Answer 2

<td valign='top' > 

Answer 3

Puede usar la opción div para desplazamiento interno sin alterar el alto de la página.

Answer 4

El estilo normalmente se hace con CSS. Debe establecer la propiedad CSS td del elemento CSS vertical-align en top.

td { 
    vertical-align: top; 
} 

Answer 5

si quieres TD para ser alineado en la parte superior debe configurar la vertical-align del TR en no el CSS el TD