如何强制HTML表格中的文本从距单元格顶部一定距离开始

现在，我设置了侧边、顶部和底部填充，但尽管每个单元格的填充都是相同的，但当一个单元格中有更多文本时，文本开始的高度会根据文本的数量而有所不同。我应该怎么做才能使文本从单元格顶部开始的距离相同，而不考虑文本的数量，然后从那里向下推？所以我最终得到了这样的结果：

与此相反：

当前代码：

.bottom-table td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
}

还有一些代码将表格作为一个整体进行样式设置（我不认为这是相关的，但这里有）：

---

这是一个带有相关代码的JSFIDLE:

您可以使用witdth属性，也可以使用margin属性，或者可以使用colspan和rowspan属性。

添加

垂直对齐：顶部
到
。底部表格td

.bottom-table td {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 50px;
vertical-align: top;
}

好的。。。还有更多信息吗？使用
verticalalign:top在您的
td
.bottom-table td {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 50px;
vertical-align: top;
}