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

Question

现在，我有侧面，顶部和底部填充集，但是对于每个单元格都是相同的，当一个单元格中有更多文本时，文本开始的高度根据如何不同而不同那里有很多文字。我应该做什么，以便文本从单元格顶部开始的距离相同，无论文本的数量是多少，然后从那里向下推？所以我最终得到这样的东西：

与此类似：

当前代码：

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

还有一些代码可以整个表格的样式（不要认为它是相关的，但在这里它是）：

.bottom-table {
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
    border: 2px solid black !important;
    width: 75%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

这是一个带有相关代码的JSFiddle：http://jsfiddle.net/zLyNm/

Answer 1

将vertical-align: top添加到.bottom-table td。

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

jsfiddle

Answer 2

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