¿Cómo se puede obligar a que dos elementos de permanecer siempre en la misma línea en un <td>

Question

El código es bastante 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> 

Se quedan perfectamente en la misma línea a menos que el texto de la etiqueta se pone muy largo y el la tabla necesita estirarse para acomodarla, luego el texto a veces se fuerza debajo de la casilla de verificación. ¿Cómo puedo evitar que haga eso?

Answer 1

Puede forzar a los elementos en línea para mantenerse en la misma línea usando la propiedad CSS white-space:

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

Answer 2

Definición de una white-space puede ser una de la manera de lograr que se haga, sino como un conjunto de datos tabulares, es mejor si se fija el tamaño máximo del ancho de la etiqueta en vez

label { width: 100px; display: inline-block; } 

Answer 3

se puede utilizar esta: <tr valign="top"> esto hará que la alineación vertical en la parte superior.

Answer 4

Este código funciona bien, y responde:

table { 
width:100%; 
display: inline-block; 
} 
td, th { 
max-width:100% 
}