左右に余白を取りたいときは次のように、本文の前と後ろにおまじないを記述してください。
(青色の文字は半角英数字記号です。)
<div class=sp1>を文章の前に記述します。そして本文を普通に記述していきます。そして最後に</div>を記述します。そうするとこのブロックのように、左右に余白ができます。余白の幅はウインドウ幅の10%です。
<div class=sp1>の代わりに<div class=sp2>と記述すれば、このブロックの表示のように左右の余白の幅は、ウインドウ幅の20%になります。
また、<div class=sp3>と記述すれば、このブロックの表示のように左右の余白の幅は、ウインドウの幅に寄らず50ピクセルずつの固定幅になります。
3種類用意しましたので、ブラウザのウインドウ幅を色々変えながら、自分の文章の長さに合った余白を選択してみましょう。
3種類用意しましたので、ブラウザのウインドウ幅を色々変えながら、自分の文章の長さに合った余白を選択してみましょう。
コメント