Ярлыки формы + данные не центрируются правильно - PullRequest
Новая
       4

Ярлыки формы + данные не центрируются правильно

0 голосов
/ 29 марта 2012

Пожалуйста, войдите на мой сайт, используя:

имя пользователя: тестовый пароль: 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;        
}

1 Ответ

1 голос
/ 29 марта 2012

Я не уверен, что это то, что вы имеете в виду, но это отцентрирует его. 

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