title: p style=display:inline trouble
body: <p>I'm trying to create a list, with each <code>&lt;li&gt;</code> on one row. My problem lies at 'Food 4,' where I need to have a note describing the <code>&lt;h4&gt;</code>; I can't seem to clear the line break created by the <code>&lt;p&gt;</code>. I've tried <code>&lt;p style="display:inline&gt;</code> and every variation I could think of. What am I missing?</p>
  
  <pre><code>&lt;div id="carte"&gt;
          &lt;h3 class="list-title"&gt;Menu a la carte&lt;/h3&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;h4&gt;Food 1 $20&lt;/h4&gt;&lt;/li&gt;
              &lt;li&gt;&lt;h4&gt;Food 2 $30&lt;/h4&gt;&lt;/li&gt;
              &lt;li&gt;&lt;h4&gt;Food 3 $40&lt;/h4&gt;&lt;/li&gt;
              &lt;li&gt;&lt;h4&gt;Food 4 $50&lt;/h4&gt;&lt;p&gt;vegetarian&lt;/p&gt;&lt;/li&gt;
              &lt;li&gt;&lt;h4&gt;Food 5 $60&lt;/h4&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>