Одна ячейка в моей таблице должна быть разбита на две равные «колонки»

Question

Одна ячейка в большой таблице должна быть разбита на 2 «столбца» одинаковой ширины.Я понимаю, что могу использовать colspan, но вместо того, чтобы иметь все остальные ячейки в интервале таблицы, чтобы эта одна ячейка была разделена, я ищу альтернативы inline-или-CSS, такие как float и т. Д.Вот скриншот того, что я пытаюсь получить:

Answer 1

Просто поместите два пролета или делителя в ячейку и используйте css для их оформления.

table {
  with: 100%;
}

td div {
  display: inline-block;
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
}

td div:first-child {
  background-color: blue;
}

td div:last-child {
  background-color: yellow;
}

<table>
  <tbody>
    <tr>
      <td>Normal cell</td>
      <td><div>Split</div><div>Cell</div></td>
      <td>Normal cell</td>
    </tr>
  </tbody>
</table>