Как правильно разместить эти элементы

У меня есть эта разметка

<dt id="dt0">    &nbsp;                                 </dt>
<dd id="dd0dd">  <textarea id="dd0"></textarea>         </dd>

<dt id="dt1">    &nbsp;                                 </dt>
<dd id="dd1dd">  <input id="dd1" type="hidden">         </dd>

<dt id="dt2">    <label for="dd2">Dd2 Label:</label>    </dt>
<dd id="dd2dd">  <input id="dd2" type="text">           </dd>

<dt id="dt3">    <label for="dd3">Dd3 Label:</label>    </dt>
<dd id="dd3dd">  <input id="dd3" type="text">           </dd>

<dt id="dt4">    <label for="dd4">Dd4 Label:</label>    </dt>
<dd id="dd4dd">  <input id="dd4" type="text">           </dd>

, которую мне нужно перемещать, поэтому что это выглядит так (обратите внимание, что dd1 - это скрытый элемент)

_________________________________                ________________________
|                               |     Dd2 Label  |                       |
|                               |                |_______________________|
|                               |     
|                               |                ________________________
|                               |     Dd3 Label  |                       |
|                               |                |_______________________|
|                               |
|                               |                ________________________
|                               |     Dd4 Label  |                       |
|_______________________________|                |_______________________|

CSS на самом деле не мое, но я перепробовал целую кучу вещей и кое-что заработало, но все равно выглядит неправильно. Вот CSS, который у меня есть.

#dd0dd {
    float:left;
}
#dt1, #dt2, #dt3, #dt4{ 
    float:left; 
    clear:right; 
    width:80px; 
}
#dd1dd, #dd2dd, #dd3dd, #dd4dd {
    float:right;
    clear:right;
}

Может кто-нибудь сказать мне, как я могу улучшить этот CSS, чтобы он выглядел правильно.

Изменить: я хотел бы изменить разметку, чтобы использовать таблицы или что-то еще, но она создается автоматически и не может быть изменена.

6
задан silow 17 November 2010 в 05:20
поделиться