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

Answer 1

You can use this: <tr valign="top"> This will make the vertical align at the top.

Answer 2

Defining a white-space may be one of the way to get it done, but as a tabular data, its better if you fix the max size of width of the label instead

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

Answer 3

This code works fine, and is responsive:

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

Answer 4

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>