CSSでdtとddを横並びにする

• http://www.lucky-bag.com/archives/2005/10/dt_dd_same_line.html
• このページを参考に．

#case01 dt {
       float: left;
       width: 5em;
}
#case01 dd {
       margin-left: 5em;
}

#case02 dt {
       width: 5em;
}
#case02 dd {
       margin-left: 5em;
       margin-top: -1.6em;
/* margin、padding は 0 なんで dt、dd それぞれの line-height 値の半分を足した値をマイナス */
}

#case03 dt {
       width: 5em;
       position: absolute;
       left: 40px; /* body に指定している padding: 40px; と同値 */
}
#case03 dd {
       margin-left: 5em;
}

• という3種類の方法があるが，どれも希望する動作と若干違う．
• compact指定と同じ見た目になるのがいいのだが，そのような指定は不可能なのか?