Как выставить текст под radio buttons?

Question

[nano_e_t_4]

Всем привет
Подскажите пожалуйста, как правильно выровнять текст над ?
Сейчас использую конструкцию вида:
HTML:

<div class="radioButton">
<label for="0">0</label><input type="radio" name="radio" id="0"/>
</div>

CSS:

.radioButton {
    display:inline-block;
    text-align:center;
    margin:5px;
}
.radioButton label {
    display:block;
    margin:0px;
    margin-right:2px;
    margin-bottom:5px;
}
.radioButtons input {
    margin:0;
}

без марджинов текст съезжает относительно radiobuttons, и получается кривовато (хотя такой вариант тоже не очень уж и хорош)
Подскажите плз, как сделать правильно
спасибо

p.s.
находил вариант с табличным построением, но не знаю, насколько он хорош с точки зрения кода\изменяемости, адаптации под размеры экрана и прочее

Answer 1

[sleepyKitty]

Этого достаточно вроде, если я правильно понял задачу. С марджинами дичь какая-то.

.radioButton {
  display: inline-block;
  text-align: center;
}

label {
  display: block;
}

Comments

[nano_e_t_4]

с марджинами и правда дичь, зря я так наколупал. На тестовой страничке все как надо располагается, а вот на нужной не очень (есть небольшие отступы). Возможно потому что на нужной страничке есть еще стили для input-ов. Вообщем видимо где то я сам накривил буду искать. спасибо что откликнулись