css - 表格内段落的对齐方式

Question

我有一把 fiddle here...

基本上，我有一个包含多列的表。有一个带有段落标题的列，旁边的列带有实际的段落。

我试图让段落标题与段落的第一行对齐。

这是我到目前为止所得到的...(tks @ExtPro)

.table-wrapper{
    border: 1px solid black;
}
.table-col1, .table-col2 { float: left; width: auto;  padding: 10px; margin-top: 20px; }

Answer 1

您的 HTML 中缺少结尾的 tbody 和 table 标记

还可以使用 vertical-align:top; 垂直对齐表格单元格标签。可能的值是:顶部、中间、底部

Formal syntax: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

更新:

添加这个怎么样，在 tbody > td 上设置垂直对齐

tbody td {
     vertical-align: top;
}

如果你只是用嵌套表格来做，它会是这样的:

http://jsfiddle.net/j9Vmd/31/