У меня есть эта разметка
<dt id="dt0"> </dt>
<dd id="dd0dd"> <textarea id="dd0"></textarea> </dd>
<dt id="dt1"> </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, чтобы он выглядел правильно.
Изменить: я хотел бы изменить разметку, чтобы использовать таблицы или что-то еще, но она создается автоматически и не может быть изменена.