ページの中央に同時に配置したいテキストと、段落内のテキストを左に調整したいテキストがありますか?少しの援助?
これは私が試していることです
<p align="center"><div align="left>text<br>more text</p></div>
明らかにこれが機能しないと、すべてが左にシフトします
ページの中央に同時に配置したいテキストと、段落内のテキストを左に調整したいテキストがありますか?少しの援助?
これは私が試していることです
<p align="center"><div align="left>text<br>more text</p></div>
明らかにこれが機能しないと、すべてが左にシフトします
厄介な部分は(IEは常に異なりますが)、アイテムを中央に配置するには、水平方向のマージンを自動に設定する必要があることです(ブラウザーが実際にコンテンツを中央に配置できるようにします)。だから、それが言われていると:
p.centered {
margin: 0px auto;
width: 300px;
border: 1px solid #f0f;
}
<p class="centered">This is your paragraph</p>
これwidth
はあなたの呼び出しです(わかりやすくするために境界線を追加しました)が、サイドmargin
をに設定するだけauto
で、コンテンツは左揃えになります(特に指定されていない限りtext-align
)。
align="center"
非align="left"
推奨です。代わりに CSS を使用してください。
これを行う1つの方法は次のとおりです(2つのネストされた要素が必要であると仮定するか、単一の要素を中央に配置するためのBradの方法を参照してください):http://jsfiddle.net/EzNJQ/1/
<div id="outer">
<p id="inner">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
#outer{
width: 300px;
margin: 0 auto; /* centers */
}
#inner {
text-align: left;
}