けとけと。の自由帳

表示位置を微調整する．．．

さて，表示した文字を左寄せ，センタリング，右寄せには align をいうのを使って位置を設定できます．左寄せ<DIV align="left">左寄せ</DIV>センタリング<DIV align="center">センタリング</DIV>右寄せ<DIV align="right">右寄せ</DIV>でも，これでは端か真ん中にしか置けません．少しだけ右に寄せたいというときは普通ならば左から100ピクセル横に移動<SPAN style="position:relative;left:100px">左から100ピクセル横に移動</SPAN>で，日記ではうまくいくんですが，フリーページではうまくいきません．では，どうするか．．．今回は margin-left を使ってみます．左側に50ピクセルのマージンを設定<SPAN style="margin-left:50px">左側に50ピクセルのマージンを設定</SPAN>marginについては過去の日記をご覧ください．ちなみに右寄せしたときに，もう少し左に移動させたいときは右寄せして右にマージン50ピクセル<DIV align="right" style="margin-right:50px">右寄せして右にマージン50ピクセル</DIV>となります．