定義リストを横並び表示にする方法

テーブルを使わずに定義リストを使用して、横並び表示するクラス。
これにより表でもないのにテーブルを使うというW3Cの仕様に反したコーディングを避けることができる。

dl {
  margin: 1em auto;
  width: 510px;
}
dt {
  float: left;
  padding: 5px 5px 5px 20px;
  width: 150px;
  font-weight: bold;
}
dd {
  margin-left: 155px;
  padding: 5px 5px 5px 20px;
  width: 305px;
  border-left: 1px solid #777777;
}