HTML 要素を中央に配置することに関連する主な問題は、異なるブラウザー間で一貫した結果を達成することが難しい場合があることです。 これは、各ブラウザーが要素を中央に配置する方法について独自の解釈を持っており、要素を中央に配置するために使用できるさまざまな方法があるためです。 さらに、一部の古いブラウザーは、HTML 要素をセンタリングする最新の方法をサポートしていない場合があります。
<p align="center">This text is centered.</p>
1. このコード行は、テキストの配置を中央揃えに設定します。 HTMLタグ
これが段落要素であることを示し、属性 align="center" は、その要素内のテキストの配置を中央揃えに設定します。
2. このコード行は、「このテキストは中央揃えです」というテキストを表示します。 ブラウザー ウィンドウで、行 1 で指定されているように配置を中央に設定します。
属性を揃える
この
align 属性は、HTML の段落の配置を設定するために使用されます。 段落内のテキストの配置、およびページ上の段落全体の配置を設定するために使用できます。 この属性の可能な値は、left、right、center、justify、および inherit です。 デフォルト値のままです。
段落内のテキストに align 属性を使用すると、その段落内のすべてのテキスト行が、指定された値に従って整列されます。 例えば:
このテキスト行は中央揃えになります。
これにより、この特定の段落内のすべてのテキスト行がページの中央に配置されます。
段落全体で align 属性を使用すると、特定の段落が指定された値に従って整列されます。 例えば:
このテキスト行全体が右揃えになります。
これにより、この特定のテキスト行 (およびそれに含まれるその他のコンテンツ) がページ上で右揃えになります。
HTMLでテキストの配置を設定する方法
HTML でテキストの配置を設定するには、style 属性を使用します。 style 属性は、要素のインライン スタイルを指定します。
HTML でテキストの配置を設定するには、style 属性と text-align プロパティを使用します。 text-align プロパティは、要素内のテキストの水平方向の配置を指定します。
次の例は、段落の左揃え、右揃え、中央揃え、両端揃えを設定する方法を示しています。
これは左揃えです。
これは右揃えです。
これは中央揃えです。
これは正当化されます。