title: Alignment of radio button and drop down menu
body: <p><a href="https://i.stack.imgur.com/0fozW.png" rel="nofollow noreferrer">enter image description here</a>I have to create "View" and "Update" radio buttons with a dropdown below each one. To do this, I've written the following code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="pageHead" align="center"&gt;
    Auto Loan Basis Point (Bps) Adjustments by State
  &lt;/div&gt; &lt;br&gt;&lt;br&gt;
  &lt;input type='radio' id='byState' ; style="margin-left:180px" ; value='View' name='byState'&gt;View by Student's unique identity number
  &lt;input type='radio' id='byClub' ; style="margin-left:80px" ; value='Update' name='byClub'&gt;Update by Student's identity number
  
  &lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;div style="width:200px;text-align: left; display: inline;"&gt;
          &lt;select id="Select" ;&gt;
            &lt;option value="dropdown"&gt;Select&lt;/option&gt;
            &lt;option value="TN"&gt;Test1&lt;/option&gt;
            &lt;option value="IN"&gt;test2&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>However, I'm unable to place the drop-down menu below radio buttons; this is what I get instead:</p>
  
  <p><a href="https://i.stack.imgur.com/0fozW.png" rel="nofollow noreferrer">enter image description here</a></p>