如何使内联HTML表格

在 HTML中,我想显示一个小表作为段落的一部分.这样做的一个方法是：

<table>
  <tr>
    <td>
      Before 
      <table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr> </table>
      After
    </td>
  </tr>
</table>

这产生了这个漂亮的布局：

a b
Before     After
       c d

这正是我想要的.

但是,当我真正想要的是在一个段落中使用一个表格时,在表中使用表格似乎是很愚蠢的.但是,如果我尝试使用这个HTML：

<p>
  Before 
    <table style="display:inline;"><tr><td>a</td><td>b</td></tr> <tr><td>c</td><td>d</td></tr></table>
  After
</p>

我得到这个丑陋的布局：

Before
a b
    After
c d

我试过使用各种不同的显示风格,但似乎没有做我想要的.

我是否被迫使用表中的表格代码,还是我缺少某些东西？

解决方法

使段落显示：inline;为我工作但是,如果您有多个段落,则必须添加< br />他们中的每一个.