prev 2010.11 next 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

左右の余白

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

— 記述 m-tezuka at 09:48 am   pingトラックバック [0]

T:197 Y:337 Total:57984 Online:02
メニュー

m-tezukaのホームページ