​​タグの内側の表の上にデータを表示するには？

Question

<td>タグの内側の表の上にデータを表示するにはどうすればよいですか？以下のコードによって

、ロードページが、それは、この画像のようなショーになります。

http://image.free.in.th/v/2013/ir/160521040137.png

しかし、私は、この画像のように、<td>タグの上に111を表示する：

http://image.free.in.th/v/2013/io/160521040244.png

どうすればいいですか？私はすべてのことを試しましたが、うまく動作しません。

<table> 
    <tbody> 
     <tr> 
      <td style="width: 100px;-ms-word-wrap: break-word;word-wrap: break-word;-ms-word-break: break-word;word-break: break-word;word-break: break-all;padding-left: 10px;border: 1px solid #d0d0d0;text-align: center;">111</td> 
      <td style="width: 600px; -ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-all; padding-left: 10px; border: 1px solid #d0d0d0; "> 
dsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdfdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdfdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdf 
      </td>  
     </tr> 
     <tr> 
      <td style="width: 100px;-ms-word-wrap: break-word;word-wrap: break-word;-ms-word-break: break-word;word-break: break-word;word-break: break-all;padding-left: 10px;border: 1px solid #d0d0d0;text-align: center;">222</td> 
      <td style="width: 600px; -ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; word-break: break-all; padding-left: 10px; border: 1px solid #d0d0d0; "> 
dsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdhgdffdsgfdh 
      </td>  
     </tr> 
    </tbody> 
</table> 

Answer 1

vertical-align:top;を追加するといいですよ。

Here's a fiddleこの追加で。

編集：これらのインラインコードをクラスに入れて使用してください。

Answer 2

あなたはこの缶は、一度コーディングやテーブルのすべての<TD>...</TD>のために行うのに役立ちます

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

CSSクラスを追加することでそれを行うことができます。ここ

<td style="...; vertical-align: top;">...</td> 

Answer 3

を使用することができます。