title: Horizontal ul navigation aligned to the right side
body: <p>i'm trying to create a horizontal navigation which is aligned to the right side of the parent element. You can see the navigation at <a href="http://kaffeeprinzen.jag-aelskar.de/">http://kaffeeprinzen.jag-aelskar.de/</a> where it says "Espresso". </p>
  
  <p>My HTML is: </p>
  
  <pre><code>&lt;ul id="menu-standard"&gt;
      &lt;li id="menu-item"&gt;&lt;a&gt;Item 4&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item"&gt;&lt;a&gt;Item 3&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item"&gt;&lt;a&gt;Item 2&lt;/a&gt;&lt;/li&gt;
      &lt;li id="menu-item"&gt;&lt;a&gt;Item 1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My CSS is: </p>
  
  <pre><code>.menu li { 
      float: right;
      margin-left: 20px;
  }
  </code></pre>
  
  <p>It works like this, the only problem is that the order in the list is wrong. The first item is the last one in the html code. </p>
  
  <p>Any tips for me? Thanks a lot!
  Yannis</p>