定義リストを横並びにする

トピックスなどに使う。
　
基本形

dl.news dt {
  clear: left;
  float: left;
  width: 7em;
}

dl.news dd {
  margin-left: 7em;
}

　
注意点としては
・dtの方が高さが高くなるとレイアウト崩れが起きる
　（ddが2行にわたる場合は問題ない）
・なので、行間をあける場合はddにpaddingもしくはmarginをとる
　
ちなみに、dtとddに下線を引く場合なんかは、

dl.news dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 10px 0.5em;
}

dl.recent dd {
  margin-left: 0px;
  padding: 10px 0.5em 10px 8em;
  border-bottom: solid 1px #CCCCCC;
}

みたいな感じになる。
　
参考サイト：http://www.d-spica.com/try/dt-float.html