■段落や見出しの行間を指定する
意外と役立つ段落や見出しの行間隔の調整について。
段落や見出しの行間を操作するときはline-heightだけでは不十分です。
段落は<P>〜</P>で囲まれた前後1行が挿入されます。
見出しは文字の大きさと同等の行間が挿入されます。
これらの行間をコントロールする為にはmargin,paddingプロパティを使用します。
また行間を指定したときは文章の重なりに充分気をつけてください。
◆marginの概略
marginは上下左右(外側の)余白を一括して指定するプロパティです。
値には数値(pt,px,em)を使用します。
値が1つの時は「上下左右」2つ「上下」「左右」3つ「上」「左右」「下」4つ「上」〜「左」(時計回り)
(例)段落,見出しともに上下の5pxの余白をあける
p {margin:5px 0px;}
h1 {margin:5px 0px;}
(例)外側の余白は上下5px,左右0pxあけるとき
<div style="margin:5px 0px">〜</div>