title: How to align right-to-left the elements of css menu
body: <pre><code>I am looking at this example of a only css generated drop down menu:
  </code></pre>
  
  <p><a href="http://jsfiddle.net/XPE3w/7/" rel="nofollow">http://jsfiddle.net/XPE3w/7/</a></p>
  
  <p>And I was wondering how can I make the items under the "About us" tab to be aligned from right to left.Now they look like that:</p>
  
  <pre><code>   About us
     |Menu items with different length|
  </code></pre>
  
  <p>I want it to look like that:</p>
  
  <pre><code>                             About us
     |Menu items with different length|
  </code></pre>