HTMLでテキストを中央揃えにする方法

著者: Laura McKinney
作成日: 10 4月 2021
更新日: 1 J 2024
Anonim
【超入門】もうCSSの真ん中寄せで悩まない!横向き編【HTML・CSS コーディング】
ビデオ: 【超入門】もうCSSの真ん中寄せで悩まない!横向き編【HTML・CSS コーディング】

コンテンツ

このwikiHowは、カスケードスタイルシート(CSS)を使用してHTMLWebサイトの中央にテキストを配置する方法を説明します。 HTMLのテキストの中央揃えは、タグを使用して行われます

、ただし、このタグは古くなっていると見なされ、ほとんどのブラウザでは機能しなくなりました。

手順

方法1/2:CSSによる

  1. CSSスタイルを含むファイルを開きます。 カードなのに
    古くなっていますが、新しい要素を作成してページの任意の場所に追加し、テキストを境界内の中央に配置することができます。個別のCSSファイルがない場合は、HTMLファイルの上部の「タグ」の間にスタイルを定義する必要があります。’.
    • カードがまだない場合 カードのすぐ下に追加する必要があります ファイルの先頭は次のとおりです。

  2. テキストセンターレイヤーを作成します。 カード
    テキストの特定の部分を参照するようにHTMLドキュメントに要求するため、このタグを分類する必要があります。 「style」タグの間のスペースに次のテキストを入力してください。押すことを忘れないでください ↵入力 最初の行の後に2回:

    • プロパティを追加する text-align. インポート text-align:center; セクションのブレースの間のスペースに 歌姫。現在のタイトルは次のようになります。

      • カードを追加 div テキストは中央に配置する必要があります。 カードを置いて続行します
        中央に配置してタグで閉じるテキストの上にあるテキスト 中央に配置するテキストの下。たとえば、タイトルと冒頭の段落を中央に配置するには、次のように入力する必要があります。
        • カードの使用 歌姫 他の地域を中央に配置します。 別の要素を中央に配置する場合(たとえば、次のようなタグ間のコンテンツ そして

          )、 入る
          テキストの前と その後で。センタリングコマンドとして「div.a」を指定したため、このテキストは前のテキストと同じようにセンタリングされます。
          • ドキュメントレビュー。 内容は異なる場合がありますが、通常、ドキュメントは次のようになります。
              広告

            方法2/2:HTMLでcenterタグを使用する

            1. HTMLドキュメントを開きます。 このメソッドは、HTMLタグの使用方法を説明します
              (現在も時代遅れです)。 2018年12月の時点で、このカードは一部のWebブラウザーで引き続きアクティブですが、長期的には、このカードを使用しないでください。
            2. 中央に配置するテキストを特定します。 中央に配置するタイトル、段落、またはその他のテキストが見つかるまで下にスクロールします。
            3. テキストの末尾に「center」タグを追加します。 このセンタータグの形式は
              テキスト
              、ここで、「text」は中央に配置されるテキストです。テキストにすでに内部タグ(たとえば、段落の「」)がある場合、「center」タグは既存のタグの外側に置くことができます。
              • HTMLドキュメントを確認します。 ドキュメントは次のようになります。
                  広告