title: How do I make an HTML table inline
body: <p>In HTML I want to display a small table as part of a paragraph. One way to do that is this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;
        Before 
        &lt;table style="display:inline;"&gt;&lt;tr&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;b&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;c&lt;/td&gt;&lt;td&gt;d&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;
        After
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>which produces this nice layout:</p>
  
  <pre><code>       a b
  Before     After
         c d
  </code></pre>
  
  <p>which is exactly what I want.</p>
  
  <p>But it seems rather silly to me to use a table inside a table when what I really want is to use a table inside a paragraph. However, if I try using this HTML:</p>
  
  <pre><code>&lt;p&gt;
    Before 
      &lt;table style="display:inline;"&gt;&lt;tr&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;b&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;c&lt;/td&gt;&lt;td&gt;d&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
    After
  &lt;/p&gt;
  </code></pre>
  
  <p>I get this ugly layout:</p>
  
  <pre><code>Before
  a b
      After
  c d
  </code></pre>
  
  <p>I've tried using various different display styles, but none seem to do what I want.</p>
  
  <p>Am I forced to use the table-within-table code, or am I missing something?</p>