- ベストアンサー
pタグ 改行しない 文字位置指定
pタグを使うけど改行しない、 なおかつ文字は中央に表示する とするにはどうすればいいでしょうか？ <style type="text/css"> p.mi{ text-align:center; display:inline; } </style> </head> <body> <p class="mi">テキスト</p>あああ </body> これだと、改行はされませんが、中央に表示されません。
- ZCVIXJEAYFWKQ
- お礼率80% (41/51)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
そのソースのままいくなら、これしかないですね。 <style type="text/css"> body{ text-align:center; } p.mi{ display:inline; } </style> しかし、bodyにtext-align:center;なんて入れたら扱いにくい事この上ないです。 <div></div>で囲んでそのdivにtext-align:center;を入れるのが普通かと思います。 しかしそもそもなぜそんな中途半端な所で<p></p>を入れるのかよくわかりませんが、pとはparagraph（段落）の事ですので改行したくないなら<p></p>が適してるとは思い難いです。 ただ文中にクラスを付けたいだけならspanの方が良いでしょう。 <style type="text/css"> p{ text-align:center; } </style> </head> <body> <p><span class="mi">テキスト</span>あああ</p> </body>
その他の回答 (2)
以下でどうでしょうか？横幅いっぱいに表示されてかつ中央そろえになると思います。 p.mi{ text-align:center; width:100%; }
お礼
ご回答ありがとうございました。
floatかけて、さらにdivでくくって、marginで中央にするとかでしょうか？ p使ったら改行されちゃうので、floatするしかないと思います。 brを使って合わせ技するとか、、、 でしょうか。
お礼
ご回答ありがとうございました。
お礼
ご回答ありがとうございました。