将两个表TR并排放置

Question

每当我尝试将TD绝对定位在TR中时，TD的顶部：和左：CSS属性将其与页面或表作为参考对齐，而不是其直接父级（TR与位置：相对集）。

Here's my code。 （注意由于这个问题，第一个TR位于结果窗口的底部）我试图将TD与“标题”文本对齐以占据行的50％而“文本”占据剩余的50％

我意识到这可以通过将两个元素移动到单个TR中并将它们放在两个TD中来完成，但在这种情况下HTML代码是在服务器端生成的，所以我很难通过CSS来实现这一点。基本上，修改HTML代码不是一种选择。

Answer 1

使用display:inline。

我刚刚将table tr {display:inline}添加到您的代码中并完成了;）demo Fiddle

但是真的对于布局表是邪恶的不使用它们 http://phrogz.net/css/WhyTablesAreBadForLayout.html