title: Why are iframes inline-elements by default?
body: <h2>iframe = Inline?</h2>
  
  <p>While debugging some layout problem today I was surprised to see that <code>&lt;iframe&gt;</code> elements have a default display property of <code>inline</code>.</p>
  
  <p>For me this seems strange, especially considering that you can apply a <code>height</code> and <code>width</code> to an <code>&lt;iframe&gt;</code> that is respected by the browser, which should not be the case for a simple inline-element.</p>
  
  <p>So can anyone explain me the reasoning behind this?</p>
  
  <h2>Demo</h2>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;iframe id="test"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>alert($('#test').css('display'))
  </code></pre>
  
  <p><a href="https://jsfiddle.net/0tdLr9pq/">https://jsfiddle.net/0tdLr9pq/</a></p>
  
  <p>Thanks!</p>