☰

HTML span align center が機能しない? 質問する

tag-icon • tag-icon html css
HTML span align center が機能しない? 質問する

HTML がいくつかあります:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Div によってドキュメントの間隔が変更されるので、代わりに span を使用したいと思います。

しかし、span はコンテンツを集中化していません。

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

これを修正するにはどうすればいいでしょうか?

編集：

私の完全なコード:

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>

ベストアンサー1

div はブロック要素であり、幅が設定されていない限り、コンテナーの幅に広がります。span はインライン要素であり、その中のテキストの幅になります。現在、align を CSS プロパティとして設定しようとしています。align は属性です。

<span align="center" style="border:1px solid red;">
    This is some text in a div element!
</span>

ただし、align 属性は非推奨です。text-alignコンテナーでは CSS プロパティを使用する必要があります。

<div style="text-align: center;">
    <span style="border:1px solid red;">
        This is some text in a div element!
    </span>
</div>

おすすめ記事