So wird festgelegt, dass die letzte Zelle einer Zeile in einer Tabelle die gesamte verbleibende Breite einnimmt

Wie kann ich im folgenden HTML-Fragment festlegen, dass die Breite einer Spalte, die 'LAST' enthält, den Rest der Zeile einnimmt und dass die Breite von Spalten, die 'COLUMN ONE' und 'COLUMN TWO' enthalten, gerade breit genug ist, um ihren Inhalt aufzunehmen? und nicht größer.

Vielen Dank

table {
  border-collapse: collapse;
}
table td {
  border: 1px solid black;
}
<table>
  <tr>
    <td>
      <table width="100%">
        <tr>
          <td>
            <span>
             COLUMN
           </span>
            <span>
             ONE
           </span>
          </td>
          <td>
            COLUMN TWO
          </td>
          <td>
            LAST
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      ANOTHER ROW
    </td>
  </tr>

</table>

Antworten auf die Frage(1)

Ihre Antwort auf die Frage