title: Make Label and Checkbox closer together in razor view
body: <p>I have a <code>label</code> and a <code>checkbox</code> in my <code>view</code> that I would like next to each other.  However, as you can see in this picture I cannot get them any closer.<a href="https://i.stack.imgur.com/OKHjB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OKHjB.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my view code:</p>
  
  <pre><code>@using (Html.BeginForm("AddTechNote", "Ticket", FormMethod.Post)) { @Html.AntiForgeryToken()
  &lt;div class="form-group"&gt;
      @Html.HiddenFor(model =&gt; model.TicketId)
      &lt;div class="col-md-12 col-xs-12"&gt;
          &lt;div class="col-md-3"&gt;
              @Html.Label("New Note", new { @class = "control-label" })
          &lt;/div&gt;
          &lt;div class="col-md-1" style="text-align: right"&gt;
              @Html.Label("Public", new { @class = "control-label" })
          &lt;/div&gt;
          &lt;div class="col-md-1"&gt;
              @Html.CheckBox("PublicNote", new { @class = "chk=style", @checked = "checked" })
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-12 col-xs-12"&gt;
          @Html.TextArea("Note", new { cols = 600, @rows = 5 })
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-md-2"&gt;
              &lt;input type="submit" value="Add" class="btn btn-default" /&gt;
          &lt;/div&gt;
          @*&lt;div class="col-md-1 col-lg-offset-1"&gt;
          &lt;/div&gt;
          *@
      &lt;/div&gt;
  &lt;/div&gt;
  }
  </code></pre>
  
  <p>Jesus,</p>
  
  <p>This is what I get with the code you provided.  Thank you for your help so far. </p>
  
  <p><a href="https://i.stack.imgur.com/srpfN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/srpfN.jpg" alt="enter image description here"></a></p>