title: inline elements printing on new line
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="outsideDiv"&gt;
      &lt;div class="element1"&gt;Name: &lt;/div&gt;
      &lt;div class="element2"&gt;Something&lt;/div&gt;
      &lt;div class="element3"&gt; - &lt;/div&gt;
      &lt;div class="element4"&gt;This something is great&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The outer div is display:block and all of the inside divs are display:inline.  In the browser it all shows up on the same line like this:</p>
  
  <pre><code>Name: Something - This something is great
  </code></pre>
  
  <p>When I go to print it, the 4 divs show up on seperate lines like this:</p>
  
  <pre><code>Name: 
  Something
  -
  This something is great
  </code></pre>
  
  <p>I am having a hard time figuring out how to get the 4 inside divs to print on the same line.</p>