Vertically aligning text next to a radio button

by

Use it inside a label. Use vertical-align to set it to various values — bottom, baseline, middle etc.

input[type="radio"] {
  vertical-align: baseline;
}
<label>
  <input type="radio" id="oddsPref" name="oddsPref" value="decimal" /> Decimal
</label>

<label>
  <input type="radio" id="oddsPref" name="oddsPref" value="decimal" /> <img src="https://via.placeholder.com/80x30">
</label>

Leave a Comment