How to use jquery .animate() to mock 'text-align:right'
<p>I am building a very simple jquery menu. On hover, I have a menu on the right easing to the left margin of my menu container. This is easy, as the text is left aligned within said container.</p>

<p>However, I also have a menu on the left, and because the links (left justified) are of differing length, the best I can do is adjust the padding to ease the text a uniform amount between links. Therefore, long link text goes to the right edge of the container, buy short text only makes it about half way.</p>

<p>In reading about this, I have learned that you can not modify the text align property as it is non numeric. Is there any other way to do this?</p>

<p>I of course tried to go with:</p>

<pre><code>$('#selector').css('text-align':'right')
</code></pre>

<p>but that made the text jump to the right instead of ease.</p>

<p>Is there any way to ensure all links ease to the rightmost margin of the container?</p>
