How can I force two elements to always stay on the same line in a <td>

css, html

Solution

You can force inline elements to stay on the same line using the CSS property `white-space`:

<td style="white-space:nowrap;">
  this content will not be wrapped
</td>

Problem

The code is pretty simple: ``` <table id="tabel_user" style="width: 100%; border: 0; background-color: white;" cellpadding="0" cellspacing="0"> <tr> <td style="border: 0; padding: 0; padding-left: 5px;"> <label for="abcd"><input class="check_useri" id="abcd" name="abcd" type="checkbox" /> abcd </label> </td> </tr> </table> ``` 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?

Original source