title: HTML: Replacement for <center>
body: <p>I always thought that replacing the <code>&lt;center&gt;</code> tag with <code>&lt;div style="text-align:center;"&gt;</code> will get me the same results. Apparently I was wrong.</p>
  
  <p>This is a portion of my HTML: 
  (you can also see it in action in the page I created for this question : 
  <a href="http://www.catmoviez.com/ErrorPageSO.aspx" rel="nofollow noreferrer">http://www.catmoviez.com/ErrorPageSO.aspx</a></p>
  
  <pre><code>&lt;div style="margin: 0 auto; background-color:red;border:5px solid black;margin-top:5px;width:750px;text-align:center;"&gt;
      &lt;span style="width:560px;padding-right:10px;text-align:left;float:left;"&gt;
      &lt;h1&gt;Oops... We're sorry.&lt;/h1&gt;
  
      &lt;h3&gt;You've just encountered an unknown error. &lt;br /&gt;&lt;/h3&gt;
      This site is a work-in-progress, we have already been informed of the error and will do our best to fix it. &lt;br /&gt;
      We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.&lt;br /&gt;
      &lt;br /&gt;
      &lt;h3&gt;
      You can go back to the &lt;a style="text-decoration:underline;" href="Default.aspx"&gt;Home page&lt;/a&gt; and continue using Moviez.NET.       
      &lt;/h3&gt;
      &lt;/span&gt;&lt;span style="width:180px;float:left;"&gt;&lt;img src="Resources/Images/404.jpg" /&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to do 2 things:</p>
  
  <ol>
  <li>Get Rid of the <code>&lt;center&gt;</code> tag while keeping the div in the center of the page.</li>
  <li>Make sure the outer DIVs background color and border affect the inner spans.</li>
  </ol>
  
  <p><strong>UPDATE:
  Objective 1 is completed.
  Time for objective #2.</strong></p>