Html 如何通过将表格按表格顶部对齐来内联显示表格

我有两个相邻的表，问题是我希望两个表都以内联方式显示，但我希望它们与表标题以内联方式显示。它在InternetExplorer和opera中实现了这一点，但在Safari、Firefox和GoogleChrome中没有实现这一点，因为在这些浏览器中，它以内联方式显示表格，但以表格底部而不是顶部为内联方式

我该怎么做

---

代码在JSFIDLE中

如果我将JSFIDLE“Result”视图扩展到足够大，使两个表可以彼此相邻，那么在最新版本的Firefox、Safari和Chrome中，这似乎是可行的。如果视图太窄，它会将第二个表包装在第一个表下，这是正确的默认行为

---

如果您需要像您所说的那样让它们“内联”，而不考虑视图窗口的大小，那么当您可以将这两个表包装在

div

或另一个容器中时，并强制该容器的大小足以容纳这两个表。

您可以使用

垂直对齐

属性将表强制到块的顶部。将CSS更改为：

#optionAndAnswer
{
  display: inline-block;
  vertical-align: top;
}