Nézzünk be a felszín alá
 |
 |  |  |  |  |  |  |  |  |
 | Hát ez tényleg sokkal egyszerűbben is megcsinálható. |  |  | Találd ki, mennyi kód van ebben a kis táblázatban? 13.7k. 17 sor és 9 oszlop van benne. És ne is említsük a rengeteg helykitöltő gif-et. |  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Igazán túl sok cella és helykitöltő van itt. |  |  | És az összes pontozott szegély a cellák background -jaként van megadva, ami nem lesz valid. |  | • | Egy beszúrt táblázat? Minek? |  |  | • | Lista készítéséhez? Viccelsz? |
|  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Az egész felépíthető 8 cellából és 4 CSS szabályból. |  |  | Most komolyan. 8 cella és 4 CSS szabály, ez minden. |  | • | Jaj, ne. Még egy táblázat listának álcázva. |  |  | • | Listaként kódold a listádat, a többit bízd a CSS-re. |
|  |
 |  |  |  |  |  |
 |
 |  |  |  |  |  |  |  |  |
 | Egy szabály kell a <table>-nek, egy a <td>-nek, egy az <ul>-nek és egy a <li>-nek. |  |  | Ha ezzel megvagy, akkor király leszel. |  | • | Ez sokkal jobb, mint 8-cal több felesleges cellát használnál hamis listákhoz, ami végül is sokkal kevésbé hozzáférhető. |  |  | • | Nagyszerű! Az utolsó lista utánzat. |
|  |
 |  |  |  | |  |
 |
A kód ami a táblázatot megjeleníti:
table{ margin:3px; padding:2px; border:solid 2px blue }
td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }