cssで特定の行だけ文字を中央寄せで表示する方法

質問

cssで特定の行だけ文字を中央寄せで表示する方法を教えてください

あああ
いいい
　　　　　　ううう
のようにしたいのですが、
今は、
<center>ううう</center>
としていますが、cssで行うにはどうすればいいでしょうか？

回答No.3

Ogre7077 · ベストアンサー

簡単にやるなら
<div style="text-align:center">ううう</div>

ちょっと論理的にやるなら
p.特に読者に訴えかけたい標語の段落 { text-align:center }
<p class="特に読者に訴えかけたい標語の段落">ううう</p>

記事内の小見出しを全部寄せたいなら
article > h6 { font:略; text-align:center }
<article>
<h6>ううう</h6>

複数行を中央寄せするなら
ul.詩 li { list-style:none; text-align:center }
<ul class=詩>
<li>雨ニモマケズ
<li>風ニモマケズ
<li>雪ニモ夏ノ暑サニモマケヌ
<li>丈夫ナカラダヲモチ
...
</ul>

お礼

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

回答No.2

ORUKA1951

centerはHTML4.01strict(1999)では、廃止された。
HTMLは文書構造をマークアップし、プレゼンテーションはスタイルシートで行います。
構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )
・行と段落は意味が異なります。<br>は通常使わない!!通常の文書では登場しない。

＞cssで特定の行だけ文字を中央寄せで表示する方法
　これは「特定の段落だけ文字を中央寄せで表示する」ということになります。HTMLでは他の段落とは異なることがclassやidで示されていると思います。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』と同じです。
　すなわち
<p>
　気体の状態方程式は
</p>
<p class="formula"><!-- 式 -->
　PV = nRT
</p>
<p>で示される</p>
と、式であるとclass名で文書構造が示されているはずですので、スタイルシートで
p.formula{text-align:center;font-size:1.2em;margin:1em 0;}
とすれば良いのです。

お礼

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

回答No.1

MinervaAlice

▽CSS
p { text-align: left; }
p.alC { text-align: center; }

▽HTML
<p>あああ</p>
<p>いいい</p>
<p class="alC">ううう</p>

お礼

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