如何在html中更改单选按钮的位置？

Question

我正在编写一个网页，该网页使用一系列单选按钮和下拉菜单来更改屏幕上显示的数据。每个收音机对应一个下拉菜单，我想排队，但我无法弄清楚如何让第三个收音机出现在另外两个菜单的右侧，而不是在它们的下方。有人可以帮忙吗？

这是我的代码：

<form action="" style="float: left">
<input type="radio" name="yearLessGreaterOption" value="<" onchange="setYearLessGreaterFilter(this.value)"><
<input type="radio" name="yearLessGreaterOption" value="=" onchange="setYearLessGreaterFilter(this.value)" checked>=
<input type="radio" name="yearLessGreaterOption" value=">" onchange="setYearLessGreaterFilter(this.value)">>
</form>

<form action="">
<input type="radio" name="roundLessGreaterOption" value="<" onchange="setRoundLessGreaterFilter(this.value)"><
<input type="radio" name="roundLessGreaterOption" value="=" onchange="setRoundLessGreaterFilter(this.value)" checked>=
<input type="radio" name="roundLessGreaterOption" value=">" onchange="setRoundLessGreaterFilter(this.value)">>
</form>

<form action="">
<input type="radio" name="goalsH1LessGreaterOption" value="<" onchange="setGoalsH1LessGreaterFilter(this.value)"><
<input type="radio" name="goalsH1LessGreaterOption" value="=" onchange="setGoalsH1LessGreaterFilter(this.value)" checked>=
<input type="radio" name="goalsH1LessGreaterOption" value=">" onchange="setGoalsH1LessGreaterFilter(this.value)">>
</form>

这是相关网页的图片：

Answer 1

您是否有理由在表单标签中使用它们？如果删除标记，它们将显示为对齐。否则，将style="float:left;"添加到其他表单标记就可以了。

Answer 2

在您的情况下，在其他表单上添加style="float: left"应该可以执行您想要的操作。