Colspan не работает с полем ввода в html

Question

Я пытался создать базовую форму c внутри таблицы, чтобы все поля ввода оставались нетронутыми, но я хочу иметь некоторый промежуток между столбцами, и поэтому я попытался вставить colspan, но он не работает в все, когда я пытаюсь сделать то же самое с label, он работает, но почему-то не с полем ввода. Может ли кто-нибудь помочь мне с этим?

  <form>
    <table>
      <tr>
        <td>
          <label for = "first">First Name</label>
        </td>
        <td colspan="4">
          <input type = "text" id = "first">
        </td>
        <td>
          <label for = "last">Last Name</label>
        </td>
        <td>
          <input type = "text" id = "last">
        </td>
        <td>
          <button type="submit">Submit!</button>
        </td>
      </tr>
    </table>
  </form>

Answer 1

Попробуйте добавить поле в поле ввода, указав это в css:

input { margin-right: 10px; }