我有下面的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>
风格
.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;
}
最佳答案
您错过了a.
.poupContentLine
因为它是一个类名-例如小提琴：http://jsfiddle.net/wJX9C/2/