У меня есть форма с переключателями, которые находятся на одной линии с их ярлыками. Однако переключатели не выровнены по вертикали с метками, как показано на скриншоте ниже.

Как я могу вертикально выровнять переключатели с их ярлыками?

Редактировать:

Вот HTML-код:

<input checked="checked" type="radio" name="user_level" id="rd1" value="1"/>
<label for="rd1">radio 1</label><br/>
<input type="radio" name="user_level" id="rd2" value="2"/>
<label for="rd2">radio 2</label><br/>
<input type="radio" name="user_level" id="rd3" value="3"/>
<label for="rd3">radio 3</label><br/>

И код CSS:

label{
    padding:5px;
    color:#222;
    font-family:corbel,sans-serif;
    font-size: 14px;
    margin: 10px;
}