HTML/CSS・dl,dt,ddの横並び

webを作っていると使うことが多いdl/dt/ddの横並び。
dlは文書構造上、定義や説明を意味するため、「面倒くさいからtableやlistでいいか～」とはならない。
文書構造が重要になっている今無視はできない。

学校でも習っているのだが覚えては忘れ、覚えては忘れる(´；ω；｀)。

よってdl/dt/ddの横並びを自分の為の覚書として残しておく。

方法はほかにも色々あるのだがたまに忘れる・・・

/*その1*/

dl {
  width:500px;
 }
dt {
  float:left;
  clear:left;
  width:200px;
 }
dd {
  float:left;
  width:300px;
　}

/*その2*/

dl {
  width:500px;
　overflow:hidden
 }
dt {
  float:left;
 }
dd {
  margin-left:200px;
 }