title: text-align:center; doesn't work
body: <p>I have been messing around with the layout of my website and my  <code>text-align : center;</code> stopped working
  that happened after i set all my divs position to relative to make the parent div change size when I add components to it with javascript. </p>
  
  <p>Here are both of my CSS files:</p>
  
  <p>You can see the new one in the JSfiddle link below.</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/2WvrV/" rel="noreferrer">http://jsfiddle.net/2WvrV/</a></p>
  
  <p>I also provide the code for the old website (which aligns the text properly) :</p>
  
  <p><a href="http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/" rel="noreferrer">http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/</a></p>
  
  <p>the old HTML is very similar to the new version i just added the style="float:left;" in one of the divs </p>