title: Asp.net checkbox - can't get label on same line as checkbox
body: <p>I have an asp checkbox with a label, but the label is not aligned with the checkbox:</p>
  
  <p><a href="https://i.stack.imgur.com/W9u4A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W9u4A.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="row checkbox"&gt;
      &lt;label for="phcontent_2$cbStayInTouch"&gt;&lt;asp:Label id="LabelStayInTouch" runat="server"&gt;&lt;/asp:Label&gt;&lt;/label&gt;
      &lt;asp:CheckBox runat="server" ID="cbStayInTouch"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried using <code>inline-block</code> to get the checkbox and label ("Send me emails") next to each other, but it didn't do anything.</p>
  
  <p>I tried wrapping the checkbox in a div and putting <code>inline-block</code> on the div and elements inside, like so:</p>
  
  <pre><code>&lt;div style="display: inline-block;"&gt;
      &lt;input id="phcontent_1_cbStayInTouch" type="checkbox" name="phcontent_1$cbStayInTouch" style="display: inline-block;"&gt;
      &lt;label for="phcontent_1_cbStayInTouch" style="display: inline-block;"&gt;Send me emails&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but they still aren't aligned:</p>
  
  <p><a href="https://i.stack.imgur.com/NguFU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NguFU.png" alt="enter image description here"></a></p>
  
  <p>EDIT: It should look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/jQtry.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jQtry.png" alt="enter image description here"></a></p>