title: Difference between display inline and block on svg elements
body: <p>I understand the difference when it comes to divs. </p>
  
  <p>But in svg:</p>
  
  <pre><code>&lt;svg&gt;
      &lt;rect display="block" id="svg_3" height="57" width="52" y="20" x="41" stroke-width="5" stroke="#000000" fill="#FF0000"/&gt;
  
       &lt;rect display="inline" id="svg_3" height="57" width="52" y="20" x="120" stroke-width="5" stroke="#000000" fill="#0000BB"/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Seems to produce the same result... ('none' hides the element tho) 
  Here's the jsfiddle:
  <a href="https://jsfiddle.net/foreyez/3c7va377/" rel="noreferrer">https://jsfiddle.net/foreyez/3c7va377/</a></p>
  
  <p>what's the difference, and what's the default value, inline or block?</p>