spanタグで文字を中央に表示しようとしても

質問

http://www5.plala.or.jp/vaio0630/css/css01.htm#A7
を参考に
spanタグで文字を中央に表示しようとしても
中央に表示されません。

なぜでしょうか？
IE11を使っています。

回答No.2

uphome · ベストアンサー

spanタグは文章中に使うタグなので、そこだけ中央に寄せることができません。
無理やり文章中で中央寄せを表現する場合は、以下の書き方で恐らくできるはずです。

display: inline-block;
width: 100%;
text-align: center;

pタグの中で使うのではなく、spanタグ単体で使うのであれば、display: block; の方がいいかもしれません。
それかdivやpなど、もともとblock要素のタグを使うかどちらかです。

お礼

ありがとうございます。

回答No.3

noname#249320

ほかの回答者様と重複になりますが、spanタグはインライン要素になりますのでtext-align:centerは無効です。残念ながら、ご参考にしたサイト様の内容に誤りがあるようです。
よろしければ参考情報をみてください。text-alignが有効になるブロック要素について詳細がかかれています。

参考URL：

https://developer.mozilla.org/ja/docs/Web/CSS/text-align

お礼

ありがとうございます。

回答No.1

t_ohta

spanタグはインライン要素なのでtext-alignは意味がありません。

お礼

ありがとうございます。