インデント、上下間隔

インデント

背景色は識別用に付加。左スペース空けにpadding-leftを使用。

<p>通常のpブロック<p>

<p class=”indent10″> 10pxの左パディング

<p class=”indent20″>

<p class=”indent30″>

<p class=”indent40″>

<p class=”indent50″>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやいゆえよわいうえおん

<p class=”idt”> 10px text-indent あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやいゆえよわいうえおん

marginを使い左側をあける

あいうおかきくけこ:”ml10″ margin-left:10px

あいうおかきくけこ:”m210″ margin-left:20px

ブロック間上下間隔

content領域でのデフォルトmargin-bottomは24pxとおもわれる。背景色は識別用に付加。色つきの部分はpタグで囲んでいる。

あいうおかきくけこ:通常行

あいうおかきくけこ:通常行

あいうおかきくけこ:”mtm30″ margin-top:-30px

あいうおかきくけこ:”mtm20″ margin-top:-20px

あいうおかきくけこ:”mtm10″ margin-top:-10px

あいうおかきくけこ:”mt0″ margin-top:0px

あいうおかきくけこ:”mt10″ margin-top:10px

あいうおかきくけこ:”mt20″ margin-top:20px

あいうおかきくけこ:”mt30″ margin-top:30px

あいうおかきくけこ:”mb0″ margin-bottom:0px

あいうおかきくけこ:”mb10″ margin-bottom:10px

あいうおかきくけこ:”mb20″ margin-bottom:20px

あいうおかきくけこ:”mb30″ margin-bottom:30px

あいうおかきくけこ:”mbm10″ margin-bottom:-10px

あいうおかきくけこ:通常行

あいうおかきくけこ:”mbm20″ margin-bottom:-20px

あいうおかきくけこ:通常行

あいうおかきくけこ:”mbm30″ margin-bottom:-30px

あいうおかきくけこ:通常行