HTML表格对齐图像和文字

Question

在示例文章中，我添加了一个html表格widh 2列，图像左列和图像描述右列。

问题是，右栏上的文字描述在图像下方，就像图像迫使文本分成另一行。

这是为我所用的样本代码：

<table> 
<tr> 
<td>Image.jpg</td> 
<td>Image.jpg description</td> 
</tr> 
<tr> 
<td>Image2.jpg</td> 
<td>Image2.jpg description</td> 
</tr> 
</table> 

您可以在这里看到On this page

Answer 1

问题试试这个CSS文本<TD>：

vertical-align:top; 

即：

<td style="vertical-align:top;"> 
    Trio: Quaisquer três cartas do mesmo valor. Este exemplo ... 
</td> 

Answer 2

你只需要添加style="vertical-align:top"到td

或者vertical-align:middle，如果你想在该行

Answer 3

所以中间的定位文本明白你想要的照片，并对准正确的文本？你可以使用valign属性吗？

<table> 
<tr> 
<td valign="top">January</td> 
<td valign="top">$100</td> 
</tr> 
<tr> 
<td valign="bottom">February</td> 
<td valign="bottom">$80</td> 
    </tr> 
</table> 

顶部，底部和中心应根据您希望如何对齐。