title: Text-Align Does not Work
body: <p>I have the following HTML code. <a href="http://jsfiddle.net/Lijo/wJX9C/" rel="nofollow">http://jsfiddle.net/Lijo/wJX9C/</a></p>
  
  <p>I need to align the contents (“HAI” and button) as center aligned. How do we correct it?</p>
  
  <p>Note: It need to work in IE7, Chrome</p>
  
  <pre><code>&lt;html&gt;
  &lt;div id="popup"  class="popup"&gt;
         &lt;div id = "poupContentLine1" class="poupContentLine"&gt;
              HAI
         &lt;/div&gt;
         &lt;div id = "poupContentLine2" class="poupContentLine"&gt;
              &lt;input type="submit" name="ctl00$detailContentPlaceholder$btnClose" value="CLOSE" id="detailContentPlaceholder_btnClose" /&gt;
         &lt;/div&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Style</p>
  
  <pre><code>.popup 
  {
    width:530px;
    background-color:#ffffff;
    border:3px solid Orange;
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0px 0px;
  }
  
  poupContentLine
  {
      width:530px; 
      height:auto;
      text-align:center;
      margin: 0px 0px 0px 0px;
  }
  </code></pre>