To align radio buttons in columns or not

1. Should radio buttons be stacked?
2. Should radio buttons be horizontal or vertical?
3. Which of the following is the correct way to define radio button?
4. How do I align a radio button horizontally?

Should radio buttons be stacked?

Based on research from the Neilson Norman Group as well as the various human interface guidelines for Apple and Microsoft, radio buttons should have the circle to the left of the label, and the list should be stacked vertically.

Should radio buttons be horizontal or vertical?

Vertical positioning of radio buttons is safer. Try to lay out your lists vertically, with one choice per line. If you still need a horizontal layout with multiple options per line, make sure to space the buttons and labels so that it's absolutely clear which choice goes with which label.

Which of the following is the correct way to define radio button?

A radio button or option button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.

How do I align a radio button horizontally?

To make a horizontal radio button set, add the data-type="horizontal" to the fieldset . The framework will float the labels so they sit side-by-side on a line, hide the radio button icons and only round the left and right edges of the group.