title: LI elements have float left to be aligned to the right in a container?
body: <p>In this code the LI elements have float:left and are aligned to the left of the container. I want to make them aligned to the right. How do I do this with CSS?</p>
  
  <p>For example:
  [..................................Item1.Item2]</p>
  
  <p>Here is the HTML code:</p>
  
  <pre><code>&lt;div class="menu"&gt;
    &lt;ul&gt;
      &lt;li&gt;Item1&lt;/li&gt;
      &lt;li&gt;Item2&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>P.S. The order of LI's must not be reverse.</p>