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;   
}

表格标签+数据未正确居中

1 个答案: