2016-10-04 3 views
0

中心に、リスト内の固定された時点で開始してくださいウェブからではなく、どれもここ:(リスト項目は、私が<strong>のリスト項目は、このような固定された時点で</strong>リストの開始を中心にしたい

を働いたことは私のコードです:

.body_text { 
 
\t text-align: center; 
 
\t font-size: 1.13em; 
 
}
<!DOCTYPE html> 
 
<body> 
 
<ul class="body_text"> 
 
<li>First Item</li> 
 
<li>Second Item</li> 
 
<li>Thrid Item</li> 
 
</ul>

ありがとうございました!

答えて

0

を助け、次の解決策を試してみてください。 次に、負の左または右のマージンを使用してbody_textにオフセットを与えることができます。

.body_text_wrap { 
 
    text-align: center; 
 
} 
 
.body_text { 
 
    display: inline-block; 
 
    text-align: left; 
 
    font-size: 1.13em; 
 
}
<!DOCTYPE html> 
 
<body> 
 
<div class="body_text_wrap"> 
 
<ul class="body_text"> 
 
<li>First Item</li> 
 
<li>Second Item</li> 
 
<li>Thrid Item</li> 
 
</ul> 
 
</div>

0

左余白を付けて中央に揃えてください。 あなたのニーズに応じて変更

.body_text { 
    margin: 0cm 0cm 0cm 5cm; 
    text-align: left; 
    font-size: 1.13em; 
} 

、これをやって左マージンを試すことができます。これは私のために働く。

それとも、以下のように、

.body_text { 
     position:relative; 
     left:50%; 
     font-size: 1.13em; 
} 

希望の相対位置を設定することができ、これは

+0

私は私の答えを更新したそれは動作しますが、それはすべてのディスプレイ上で動作するように、その固定されたマージンが...私は相対的な何かをしたい:) – TheDcoder

+0

。それを見てください –

関連する問題