title: How to convert a block level element to inline via CSS
body: <p>Let's say I have this content:</p>
  
  <pre><code>&lt;div class="entry"&gt;
  &lt;p&gt;I want to display &lt;br /&gt;&lt;h2&gt;heading level elements like this&lt;/h2&gt;
  &lt;p&gt; as inline elements on the same line with the text that preceded them as well as...&lt;/p&gt;
  &lt;p&gt;the text that&lt;br /&gt;
  &lt;h3&gt;(another heading element)&lt;/h3&gt;
  &lt;p&gt;, follows them...&lt;/p&gt;
  &lt;/p&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I want the heading elements to appear inline in the text, just as if they were simply bold text, the same size as the content.</p>
  
  <p>Any ideas what CSS would accomplish this with the above example, without altering the content?</p>