Верстка на дивах. Как правильно?

[lost]

Никогда раньше не задумывался над этим вопросом.

Есть структура на дивах - они объединяют функциональные блоки.

<div style="padding-top: 30px;">
    <select id="create" style="float: left;margin-right: 20px;">
        <li>Элемент</li>
        <li>Элемент</li>
    </select>
     <input type="button" value="test" style="margin-right: 60px;float: left;"/>
    <input type="text" style="width: 400px"></input>
</div>
<div style="padding-top: 10px;">
    <select id="create" style="float: left;margin-right: 20px;">
        <li>Элемент</li>
    </select>
     <input type="button" value="test" style="margin-right: 26px;float: left;"/>
    <textarea style="width: 400px" rows="3"></textarea>
</div>
<div style="padding-top: 20px;">
    <div style="font-weight: bold; font-size: 20px;" >Задать теги текста сообщения</div>
    <ul class="tagsList">
        <li>Элемент</li>
    </ul>
     <input type="button" value="test" />
</div>

Допустимо ли использовать такую структуру в идеологическом смысле?

Вообще на сколько правильно делать отступы между DIV по средством

* style="padding-top: 20px;"
* style="margin-top: 20px;"

или же правильно использовать

<div style="clear: both; height: 10px;"></div>

для отступов между дивами

или есть более правильные решения?

[d0ublezer0]

Указывать стили в коде - не правильно в принципе.

[br3t]

Правильно стилями, но не inline-стилями

[lost]

Правильно стилями, но не inline-стилями

Ну стили и там и там )

понятно что стили в html коде - это плохой тон, но как по другому я продемонстрирую.

Так в итоге, правильнее через margin делать?

Edited March 21, 2012 by lost

[br3t]

Ну, выкладывать отдельно порцию HTML и CSS, а ещё лучше - на jsfiddle

Логика подсказывает, что маргинами, но если вы добьётесь желаемого успеха паддингами - думаю, ничего страшного не случится, конечно, если вы не запланируете использовать границы элементов

[lost]

Спасибо за ответ!