<dt>と<dd>を横並びにする
<dt>と<dd>を横並びにする
文字サイズを16px、幅を300pxとして何もいじらないと
こうなります。
dt要素にfloat: left; と clear: left; の両方を指定すると
ddがdtと横並びになります。
dtの下に文字が来てほしくないって場合は、margin-leftでddの文字分だけずらしてあげると綺麗に整います。
この場合は3文字なので16*3=48px
文字サイズを16px、幅を300pxとして何もいじらないと
こうなります。
dt要素にfloat: left; と clear: left; の両方を指定すると
ddがdtと横並びになります。
dtの下に文字が来てほしくないって場合は、margin-leftでddの文字分だけずらしてあげると綺麗に整います。
この場合は3文字なので16*3=48px