title: Float right, push left content down
body: <p>I'm floating the SVG's to the right. I Would like these to be the uppermost objects and push the rest of the content down. The headers and paragraph should be pushed below the centeredmenu. Please enlighten me how i could accomplish this. I'm new to all this.</p>
  
  <p>In the html, the menu and SVG's come first. That's no longer true after applying the CSS. Since i'm floating the SVG's to the right it seems to free up space to the left of the SVG that the header/paragraph claims for some reason. What makes it even weirder in my head is that it bypasses the menu as well.</p>
  
  <p>I don't want to have to use clear:both on paragraphs and headers and everything else below as well. Would appreciate any other helpful comments as well. Thanks!</p>
  
  <p>Not sure which code to include below... The fiddle will probably be alot more useful.
  <a href="http://jsfiddle.net/akLQk/2/" rel="nofollow">http://jsfiddle.net/akLQk/2/</a></p>
  
  <pre><code>svg {
  float:right;
  }
  </code></pre>