Googlowałem, ale zdecydowana większość wyników tyczy się nowej linii pomiędzy divami (nie wiem - może źle wpisuje słowa kluczowe).
Tak więc:
mam jednego dużego div'a - settings
a w nim 4 małe (obok siebie każdy).
Mniej więcej coś takiego
| div_settings |
| div mały | div duży | div mały | div duży |
l label_1 | combo_1 | label_2 | combo_2 |
|---------------------------------------------|
no i w CSS robie tak:
#settings { height: 300px; width: 700px; }
.sett_left { width: 15%; float: left; clear: both; }
.sett_right { width: 35%; float: left; clear: both; }
<div id="settings">
<div class="sett_left">
<label for="...">....</label>
</div>
<div class="sett_right">
<select name="...">
<option value="...">...</option>
</select>
</div>
<div class="sett_left">
<label for="...">....</label>
</div>
<div class="sett_right">
<select name="..">
<option value="...">...</option>
</select>
</div>
</div>
Dałem w CSS clear: both do sett_left i sett_right; ale to sprawiło że divy są pod sobą a nie jego elementy.
co zle robie ?