title: HTML navigation bar on right hand side of page
body: <p>I want a navigation bar on the right hand side of the page taking 250px and the main content to take whatever space is left depending on window size. Although, I want the main content to come before the navigation in the HTML, so left side then right side.</p>
  
  <p>I have achieved a navigation bar on the left as follows:</p>
  
  <pre><code>#left {
      float:left;
      width:250px;    
      background: blue;
  }
  
  #right {
      margin-left: 250px;
      background: orange;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wz355dkr/" rel="nofollow">http://jsfiddle.net/wz355dkr/</a></p>
  
  <p>How can this be moved to the right, without reordering the HTML?</p>