html - HTML - 選択リストの横にボタンを配置

Question

MVC 5 ビューをコーディングしていて、選択リストの横にボタンを配置したいと考えています。私の現在のコードは、選択リストの下にボタンを配置します。

これが私のコードです：

<div class="form-group">
    @Html.LabelFor(model => model.userName, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(m => m.userName, Model.userNames, htmlAttributes: new { @class = "form-control" })
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Select" class="btn btn-default" />
        </div>
    </div>
</div>

ボタンの配置を示す画像は次のとおりです。

前もって感謝します。

アップデート

次のコードがある場合でも、ボタンは選択リストの下にあります。

<p>
    @Html.LabelFor(model => model.userName, htmlAttributes: new { @class = "control-label col-md-2" })
    @Html.DropDownListFor(m => m.userName, Model.userNames, htmlAttributes: new { @class = "form-control" }) <input type="submit" value="Select" class="btn btn-default" />
</p>