HTML-таблица в последнюю очередь занимает оставшуюся ширину

У меня есть стол с одним ТР и 2 ТД. Я хочу, чтобы первый TD автоматически настраивал ширину в зависимости от его содержимого, а второй TD использовал оставшуюся часть ширины.

Вот что у меня есть:

<table style="width: 100%;">
  <tr>
    <td>short content</td>
    <td>long content</td>
  </tr>
</table>

Вся ширина таблицы составляет 100% (как я хочу), но я не знаю, как отрегулировать ширину TD для достижения моей цели.