title: jquery animate a div to the center
body: <p>html:</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="header"&gt;
            &lt;div id="animate"&gt;
          cartagena
        &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>what I want to do is to move the "animated" div to the center using Jquery. </p>
  
  <p>my current js:</p>
  
  <pre><code>$(document).ready(function() {
        $("#animate").animate({left: "+=512"}, 2000); 
  });
  </code></pre>
  
  <p>and now I'd like to make it to the center instead of just 512 px to the right.</p>