How can I get input radio elements to horizontally align?

Code for radio button align horizontal :

<form>
<label class="radio-inline">
<input type="radio" name="optradio" checked>Option 1
</label>
<label class="radio-inline">
<input type="radio" name="optradio">Option 2
</label>
<label class="radio-inline">
<input type="radio" name="optradio">Option 3
</label>
</form>

Output:

FAQ

Qusetion1: How do I reduce the size of my radio button?

Answer: The different RadioButton sizes available are default and small. To reduce the size of the default RadioButton to small, set the cssClass property to e-small.

Qusetion2: Which property helps you to add an image on the radio button control?

Answer: The Checked property of the radio button is used to set the state of a radio button.

Qusetion3: How to set height and width of button in CSS?

Answer: To set the button width, use the CSS width property.

Qusetion4: How to add icon to radio button in HTML?

Answer: The alt property allows an image link to show a text label.

Qusetion5: Which attribute is used to place an image?

Answer: The src attribute is required, and contains the path to the image you want to embed.