textAlign problem in animate function

textAlign problem in animate function

Hi,

  1. $(document).ready(function() {
  2.       $('#content').animate({
  3.             marginTop: (pageHeight-301)/2
  4.       }, 2000).animate({
  5.             textAlign: 'center'
  6.       }, {
  7.             'duration': 2000,
  8.             'easing': 'easeInOutExpo'
  9.       });
  10. });
I'm using this code for the #content div, first animation works perfect but second one doesnt work. Problem is textAlign. I tried textIndent, color, padding instead of textAlign, and all of them worked perfectly. But I cant use textAlign in animate. How to do that? Or what's my mistake?