Как выровнять html-переключатель по вертикали и метке?

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

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

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

Вот's HTML-код:


radio 1<br>

radio 2<br>

radio 3<br>

И код CSS:

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

Ответы на вопрос(13)

Ваш ответ на вопрос