How do I change the position of a radio button in html?
<p>I am programming a webpage that uses a series of radio buttons and drop down menus to change the data that is displayed on the screen. Each radio corresponds to one of the drop down menus and I want to line them up but I can't figure out how to get the third one to appear to the right of the other two instead of below them. Can anyone help?</p>

<p>Here's my code:</p>

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

&lt;form action=""&gt;
&lt;input type="radio" name="roundLessGreaterOption" value="&lt;" onchange="setRoundLessGreaterFilter(this.value)"&gt;&lt;
&lt;input type="radio" name="roundLessGreaterOption" value="=" onchange="setRoundLessGreaterFilter(this.value)" checked&gt;=
&lt;input type="radio" name="roundLessGreaterOption" value="&gt;" onchange="setRoundLessGreaterFilter(this.value)"&gt;&gt;
&lt;/form&gt;

&lt;form action=""&gt;
&lt;input type="radio" name="goalsH1LessGreaterOption" value="&lt;" onchange="setGoalsH1LessGreaterFilter(this.value)"&gt;&lt;
&lt;input type="radio" name="goalsH1LessGreaterOption" value="=" onchange="setGoalsH1LessGreaterFilter(this.value)" checked&gt;=
&lt;input type="radio" name="goalsH1LessGreaterOption" value="&gt;" onchange="setGoalsH1LessGreaterFilter(this.value)"&gt;&gt;
&lt;/form&gt;
</code></pre>

<p>Here's a picture of the page in question: </p>

<p><a href="https://i.stack.imgur.com/K40yP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K40yP.png" /></a></p>