title: How to place a button beside a select List
body: <p>I am coding an MVC 5 view, and I want to place a button next to a select list. My current code places the button under the select list.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;div class=&quot;form-group&quot;&gt;
      @Html.LabelFor(model =&gt; model.userName, htmlAttributes: new { @class = &quot;control-label col-md-2&quot; })
      &lt;div class=&quot;col-md-10&quot;&gt;
          @Html.DropDownListFor(m =&gt; m.userName, Model.userNames, htmlAttributes: new { @class = &quot;form-control&quot; })
          &lt;div class=&quot;col-md-offset-2 col-md-10&quot;&gt;
              &lt;input type=&quot;submit&quot; value=&quot;Select&quot; class=&quot;btn btn-default&quot; /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here is an image showing the button placement:</p>
  <p><img src="https://i.stack.imgur.com/ddPLL.png" alt="Button placement" /></p>
  <p>Even if I have the following code, the button is under the select list:</p>
  <pre><code>&lt;p&gt;
      @Html.LabelFor(model =&gt; model.userName, htmlAttributes: new { @class = &quot;control-label col-md-2&quot; })
      @Html.DropDownListFor(m =&gt; m.userName, Model.userNames, htmlAttributes: new { @class = &quot;form-control&quot; }) &lt;input type=&quot;submit&quot; value=&quot;Select&quot; class=&quot;btn btn-default&quot; /&gt;
  &lt;/p&gt;
  </code></pre>