Html 当单选按钮位于标签右侧时，是否垂直对齐？

如何对齐单选按钮？我希望他们排成一排，一个接一个

HTML:

男性


女性


其他

有多种方法可以做到这一点

方法1:

标签{
显示：内联块；
宽度：80px；
}

单选按钮
男性


女性


其他

单选按钮已垂直对齐，您希望如何？这是否回答了您的问题？这是你想要的吗？

<form>
  <label for="male">Male</label>
  <input type="radio" id="male" name="gender" value="male">
  <br>
  <label for="female">Female</label>
  <input type="radio" id="female" name="gender" value="female">
  <br>
  <label for="other">Other</label>
  <input type="radio" id="other" name="gender" value="other">

</form>