表格消失后的 HTML 内容

Question

我正在使用 woocommerce 创建一个网上商店。

我想在每个产品上添加一个包含产品信息的表格，例如颜色、交货时间等等。

但是当我添加这张表时。本产品消失后的所有内容。

我的表的代码:

td {    
border: 1px solid black;
}
table {
border: 6px solid #C6A970;
margin-bottom: 10px;
}
td {
padding: 8px;
}

<table>
<tr>
<td>Color:</td><td>White</td>
</tr>
<tr>
<td>Size:</td><td>100-110 x 60-70</td>
</tr>
<tr>
<td>Delivery time:</td><td>2-3 working days</td>
</tr>
</table>

我在这段代码中做错了什么导致我的内容消失了？

Answer 1

td {    
border: 1px solid black;
}
table {
border: 6px solid #C6A970;
margin-bottom: 10px;
clear:both;
}
td {
padding: 8px;
}

<table>
<tr>
<td>Color:</td><td>White</td>
</tr>
<tr>
<td>Size:</td><td>100-110 x 60-70</td>
</tr>
<tr>
<td>Delivery time:</td><td>2-3 working days</td>
</tr>
</table>