dl 表組 ネガティブマージン編 - mnk375 @ ウィキ

無印　サマーキャンプ
開催日／場所部分、dl表組　ネガティブマージン
http://www.mujioutdoor.net/school/kids_summer_camp/2012/concept.html
 
<dl>
<dt>第1回</dt>
<dd>7月23日　キャンプ場</dd>
<dt>第1回</dt>
<dd>7月23日　キャンプ場</dd>
<dt>第1回</dt>
<dd>7月23日　キャンプ場</dd>
</dl>
 
--------------------------------------
dl {
	margin:0;
	padding:0;
	line-height:1.4;
	font-size:12pt;
}
 
dt {
	line-height:1.5em;
	margin:0px;
	padding:0px;
}
 
dd {
	line-height:1.5em;
	margin-top:-1.5em;
	padding:0 0 7px 4em;
}
--------------------------------------
行間と同じ数値のネガティブマージンを記載するそう。（IE6も対応）
DWのデザインビューには反映されないとのこと
 
http://www.nk0206.com/life/2010/04/dt-dd-n-margin.html
 
[CSS]ネガティブマージンの理解を深め、活用するテクニック集
http://coliss.com/articles/build-websites/operation/css/css-using-negative-margins.html