Що ж насправді ховається за приємною зовнішністю

		Насправді це можна було б зробити значно простіше.				Здогадайтесь який об'єм коду знадобився для створення цієї маленької таблички? 13.7 Кб. Тут 17 рядків і 9 колонок. І це ще я не казав про усі ті ґіфи-розпірки.
		Тут надто багато табличних комірок і розпірок.				А всі виділені крапками списки реалізовані за допомогою атрибуту background (тло комірки), які не є валідними (сторінка не пройде валідацію w3c). • Вкладена таблиця? Навіщо? • Для списку міченого крапками? Правда ж це жарт?
		Аналогічного результату можна досягти використанням усього 8 комірок і 4-х CSS інструкцій.				Серйозно. Вісім комірок і чотири CSS інструкції. Це все, що потрібно. • О, ні! Ще одна таблиця прикидається крапковим списком. • Невже не можна розмітити точковий список як точковий список, а решту лишити CSS?
		Вам потрібна лише одна інструкція для <table>, одна для <td>, одна для <ul> і одна для <li>.				Все! Зробіть лише це і Вам немає ціни! • Це краще ніж використовувати 8 зайвих комірок таблиці щоб зробити несправжній крапковий список, який до того ж є менш доступним для різних пристроїв і переглядачів вебу. • Нарешті! Останній пункт несправжнього списку.

Код, потрібний для структурування таблиці:

table{ margin:3px; padding:2px; border:solid 2px blue }

td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }