html - 表单标签 + 数据未正确居中

Question

请使用以下方式登录我的网站:

用户名:test密码:测试

然后转到http://www.budgie.richardcmpage.com/profile.php

我试图在页面中央获取个人资料信息(仅顶部部分，忽略底部表格)，但它不太正确。

    <div id="profile_bg">

    <h1>Profile</h1>
    <div class="middle">
    <ul class="headers">        
        <li>Username: <span class="output_username"> <?php echo $username ?></span> </li>
        <li>Full Name: <span class="output_fullname"><?php echo $fullname ?></span> </li>
        <li>Email Address: <span class="output_email"><?php echo $email ?></span> </li>
        <li>Location: <span class="output_location"><?php echo $location ?></span> </li>
        <li>Country: <span class="output_country"><?php echo $country ?></span>  </li>
    </ul> 
     </div>
</div>

CSS


#profile_bg{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:600px;
    height:800px;
    background-color:#42592C;
    font-size:13px;     
}

    .middle{
    display:block;  
    margin-left:auto;
    margin-right:auto;
    width:280px;
    height:110px;
}

    .headers {  
    list-style:none;
    margin-top:10px;        
}

Answer 1

我不确定这是不是你的意思，但它会居中。

.headers {  
    list-style:none;
    margin-top:10px;
    text-align:center;   
}