title: SVG image is not floating to left in HTML code?
body: <p>I imagine I'm just being stupid, but I'm really confused why the SVG images in my code are not floating to the left/right - as if they have some built in padding.</p>
  
  <p>Could anyone help me to fix this and explain why this happens please?</p>
  
  <p>I've uploaded some code here: <a href="https://jsfiddle.net/a328gf3y/7/" rel="nofollow noreferrer">https://jsfiddle.net/a328gf3y/7/</a></p>
  
  <pre><code>header #branding{
      float:left;
  }
  
  header nav{
      float: right;
  }
  </code></pre>
  
  <p>Thanks</p>