2012-03-29 6 views
0

を中心にされていません。フォームラベル+データを使用して私のウェブサイトにログインしてください正しく

ユーザー名:テスト パスワード:テスト

をしてから、私は、プロファイルを取得しようとしているhttp://www.budgie.richardcmpage.com/profile.php

に行きますinfo(ページの上部のみ、下のフォームを無視)がページの中央にありますが、それは正しくありません。

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

何をしようとしていますか?プロファイル情報の黒いボックスは、明るい緑色のボックスの中央に表示されます。 – kamalo

+0

私は何かを試してみるためにブラックボックスを置くだけです。私はちょうどブロックのテキストがほしいと思う、私がブロックを言うとき私はUsernameを意味する:asdasd、電子メール:asdsad ETCはページの中心にある。 –

答えて

1

これが意味することはわかりませんが、それは中心になります。

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

私は何かを試してみるためにブラックボックスを置くだけです。私はちょうどブロックのテキストがほしいと思う、私がブロックを言うとき私はUsernameを意味する:asdasd、電子メール:asdsad ETCはページの中心にある。 ええ、私はそのようにテキストを中央揃えにしたくありません。 –

+0

"middle"にボーダーを追加すると、それが正しく配置されていることがわかります。 –

+0

私はあなたが| navbarでは、それはよりインラインである必要があると思いますか? –

関連する問題