文本对齐不起作用

LCJ*_*LCJ 1 html javascript css

我有以下HTML代码.http://jsfiddle.net/Lijo/wJX9C/

我需要将内容("HAI"和按钮)对齐为中心对齐.我们如何纠正它?

注意:它需要在IE7,Chrome中运行

<html>
<div id="popup"  class="popup">
       <div id = "poupContentLine1" class="poupContentLine">
            HAI
       </div>
       <div id = "poupContentLine2" class="poupContentLine">
            <input type="submit" name="ctl00$detailContentPlaceholder$btnClose" value="CLOSE" id="detailContentPlaceholder_btnClose" />
       </div>
</div>
</html>
Run Code Online (Sandbox Code Playgroud)

样式

.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;
}
Run Code Online (Sandbox Code Playgroud)

fca*_*ran 10

你错过了一个 .

.poupContentLine
Run Code Online (Sandbox Code Playgroud)

因为它是一个类名 - 例子小提琴:http://jsfiddle.net/wJX9C/2/