title: How can I force two elements to always stay on the same line in a <td>
body: <p>The code is pretty simple: </p>
  
  <pre><code>&lt;table id="tabel_user" style="width: 100%; border: 0; background-color: white;" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
      &lt;td style="border: 0; padding: 0; padding-left: 5px;"&gt;
          &lt;label for="abcd"&gt;&lt;input class="check_useri" id="abcd" name="abcd" type="checkbox" /&gt; abcd &lt;/label&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>They stay neatly on the same line unless the text in the label gets really long and the table needs to stretch to accomodate it, then the text sometimes gets forced below the checkbox. How can I stop it from doing that?</p>