<dt>と<dd>を横並びにする

<dt>と<dd>を横並びにする

文字サイズを16px、幅を300pxとして何もいじらないと

f:id:retail:20150401225254p:plain

こうなります。

dt要素にfloat: left; と clear: left; の両方を指定すると

f:id:retail:20150401225258p:plain

ddがdtと横並びになります。

dtの下に文字が来てほしくないって場合は、margin-leftでddの文字分だけずらしてあげると綺麗に整います。

f:id:retail:20150401225438p:plain

この場合は3文字なので16*3=48px