How to vertically align a html radio button to it's label?

Question

I have a form with radio buttons that are on the same line as their labels. The radio buttons are however not aligned vertically with their labels as shown in the screenshot

Answer 1

Try this:

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}