<label>位於td的頂部，而不移動旁邊的td？

Question

這裏是我的HTML：

<table> 
    <tr> 
     <td><img src="blah.png" width="80"> </td> 
     <td> <p>This is ment to be a comment section part</td> 
    </tr> 
</table> 

這意味着是一個註釋引擎之類的事情。

基本上，我想要一個左側第一個配置文件圖像的表格。然後我想要在TD的最頂端的用戶名，然後下面的評論名稱沒有推動它的名字。 謝謝！

Answer 1

我不太清楚你在問什麼。下面的HTML不能實現你想要做的事情嗎？

<table> 
    <tr> 
     <td><img src="blah.png" width="80"></td> 
     <td> 
      <p>Username</p> 
      <p>This is ment to be a comment section part</p> 
     </td> 
    </tr> 
</table> 

---

編輯：

Facebook的評論是這樣的：

我可以看到，和兩個不同點我上面貼的代碼：

1. 的Facebook用戶名與圖像的頂部對齊
2. Facebook的用戶名與註釋位於同一行。

可以通過將vertical-align: top分配給表格中的所有單元來照顧問題1。問題2可以用display: run-in來處理，但是這不是在Firefox或IE 7和6的支持，所以你最好只具有用戶名和評論是內聯元素：

<table class="comment"> 
    <tr> 
     <td><img src="blah.png" width="80" height="80"></td> 
     <td> 
      <strong>Username</strong>: <span>This is ment to be a comment section part</span> 
     </td> 
    </tr> 
</table> 

見http://jsfiddle.net/hK85e/2/