HTML Nested Tables

A table placed inside a cell of another table is a nested table. The outer table is an ordinary table. One or more of its <td> cells contain a complete <table> with its own rows and cells. HTML allows this, because a table cell may contain almost any content, and a table is content like any other.

A nested table for cake sizes

The Hillside Bakery sells two cakes, and each comes in several sizes. One way to show this is an outer table with one row per cake. The second cell of each row holds a small table of sizes:

<!DOCTYPE html>
<html lang="en">
<head>