文字の位置を指定する
上部
HTMLでは何も指定しない場合、文字は左寄せになるよね。
次は、スタイルシートで文字を中央寄せにしたり右寄せにしたりする方法を説明するよ。
学
なるほど、見出しとかは中央寄せにしたほうが見やすい場合があるかもしれないですね。
上部
うん。そうだね。
文字の位置を指定するには「text-align」を使うんだよ。
文字を中央寄せにする
上部
文字を中央寄せにしたい場合は値に「center」を指定してあげるんだよ。
例えば、「見出し1」の文字を中央寄せにしたい場合はスタイルシートに次のように書こう。
h1{text-align:center;}
ちなみに、次のような書き方をしても大丈夫なので自分が見やすいように記述しよう。
h1{
text-align:center;
}
文字を右寄せにする
上部
文字を右寄せにしたい場合は値に「right」を指定してあげるんだよ。
例えば、「見出し1」の文字を右寄せにしたい場合はスタイルシートに次のように書こう。
h1{text-align:right;}
学
なるほどー。こうやって文字の位置を変更できるんですね。
僕の自己紹介で、「見出し1」の文字を中央寄せにしてみます!
学の自己紹介を新しいウィンドウで開く
ちゃんと「見出し1」が中央寄せになりましたー!