HTML異なる列のテキストが同じ行にアライメントされていません

Question

htmlテーブル内の異なるテキストが同じ行に配置されていません。 2番目の列は複数行のテキストを持っている場合、このテーブルの列の 一つは、

Header1|Header2 
--------------- 
     |This is 
Ex  |an Example 

をtext.For例の複数のラインを有し、次いで、カラムテキストの両方が必要とされる同じ行に開始しません。 現在、私はテーブル/ tdにスタイルを適用していません

解決方法をお教えください。

Answer 1

デフォルトでは、テーブルのテキストが中央に揃えられているため、必要なものを達成できるようにテキストの配置を設定する必要があります。 vertical-align:topを使用して、2列目に複数の行があっても、両方のテキストが表の先頭から始まるようにします。

th,td{ 
    vertical-align:top; 
} 

視覚化のためにここにはjsfiddleがあります。