title: How to align two text boxes on same line with CSS
body: <p>I have two text boxes that by default, use "display: block;" style.  I want to keep the label above the first textbox, but I want the second textbox to be shown just to the right of the first text box.</p>
  
  <p>Here is my view:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      @Html.LabelFor(model =&gt; model.DescriptiveSize, "Descriptive Size")
      @*2014-04-11: Issue #93*@
      @Html.TextBoxFor(model =&gt; model.DescriptiveSize, null, new { @class = "form-control", maxlength = "10",style = "width:25%;" })
      @Html.DropDownList("UomList", ViewData["UomList"] as SelectListItem[], new { @class = "form-control",style = "width:25%;" })
      @Html.ValidationMessageFor(model =&gt; model.DescriptiveSize)
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/T6cA8.png" alt="display"></p>
  
  <p><strong>EDIT:</strong> And here is the HTML:
  <img src="https://i.stack.imgur.com/sUh1a.png" alt="HTML"></p>