Как можно меньше, но не меньше, столбец таблицы HTML

У меня есть столбец с метками и соответствующими текстовыми полями, а именно:

<table>
  <tr>
  <td>Label:</td>
  <td><input type="text"></input></td>
  </tr>
  <tr>
  <td>longer label:</td>
  <td><input type="text"></input></td>
  etc...

Я хочу убедиться, что первый столбец достаточно широк, чтобы разместить текст в одной строке, но не шире, чем необходимо, чтобы оставить максимальное пространство для полей ввода ( которые имеют ширину 100%). Поэтому я не хочу устанавливать конкретный процент или явную ширину, просто хочу сказать «как можно меньше, но не меньше».

Есть ли способ сделать это в необработанном HTML / CSS или мне нужно прибегнуть в Javascript?

(Очевидно, что если страница очень узкая, это недостижимо, но меня не беспокоят действительно узкие браузеры.)