title: Inline anonymous boxes?
body: <p>I have question on this content <a href="http://reference.sitepoint.com/css/inlineformatting" rel="nofollow">sitepoint link</a></p>
  
  <p>Following markup is rendered as block + inline + block</p>
  
  <pre><code>&lt;p&gt;In 1912, &lt;em&gt;Titanic&lt;/em&gt; sank on her maiden voyage.&lt;/p&gt;
  </code></pre>
  
  <p>Chrome:</p>
  
  <pre><code>In 1912, - display: block
  &lt;em&gt;Titanic&lt;/em&gt; - display:inline
   sank on her maiden voyage. - display:block
  </code></pre>
  
  <p>Sitepoint link says 2 anonymous boxes (1st and 3rd) should be inline to keep all boxes same inside p. But chrome renders boxes inside p as mix of block and inline.</p>
  
  <p>As per <a href="http://www.w3.org/TR/css3-box/" rel="nofollow">CSS3 box model</a></p>
  
  <blockquote>
    <p>block-level box may contain <strong>either line boxes or block-level boxes, but not both</strong>. If necessary, any line boxes that belong to this box's element are wrapped in one or more (as few as possible) anonymous boxes with a ‘display’ of ‘block’. </p>
  </blockquote>
  
  <p>According to W3C recommendation sitepoint content seems correct but I'm getting mix of boxes inside block-level box(p) on chrome.</p>
  
  <p>Again one point of recommendation says anonymous boxes should be block only which contradicts the sitepoint material.</p>
  
  <p>As per <a href="http://www.w3.org/TR/css3-box/" rel="nofollow">CSS3 box model</a></p>
  
  <blockquote>
    <p>Note that the anonymous boxes defined in this module are all block-level, but anonymous boxes defined in other modules may be different.  </p>
  </blockquote>
  
  <p>My question is:</p>
  
  <p>1) Should all 3 boxes be inline?(Browser renders block+inline+block)</p>
  
  <p>2) Is inline anonymous box mentioned in W3C standard?</p>