title: animate text-align with jquery
body: <p>I'm new to jquery and have developed a simple resizing navigation menu using</p>
  
  <pre><code>$(this).stop().animate({width:170},"slow");
  </code></pre>
  
  <p>for the on hover effect.</p>
  
  <p>My question is, how would i be able to add an animate effect to changing the text alignment.</p>
  
  <p>I understand that this changes it:</p>
  
  <pre><code>$('.myElementClass').css('text-align','center');
  </code></pre>
  
  <p>but it looks ugly, and:</p>
  
  <pre><code>$(this).stop().animate({'text-align: left'}, "slow");
  </code></pre>
  
  <p>does'nt work at all.</p>