Тепер на багато краще

На багато краще	Вгадайте, який об'єм коду знадобився для створення цієї маленької таблички? 2,1 Кб. Тут 4 рядки і 2 колонки. І жодної ґіф-розпірки.
Саме так	Та усі ці виділені крапками списки, реалізовані за допомогою CSS, є абсолютно валідними. Тепер це пункт списку Зроблений у спосіб, у який він мав бути зробленим
Усе це реалізовано з допомогою восьми комірок таблиці і чотирьох інструкцій CSS.	Серйозно. 8 комірок і 4 CSS інструкції. Це все, що потрібно. Ура, список промаркований крапками Чому не маркувати списки саме як списки, а решту не залишити CSS?
Вам потрібна одна CSS-інструкція для <table>, одна для <td>, одна для <ul> і одна для <li>.	Все! Ми це зробили і нам немає ціни. Я люблю списки! Чудово! Справжній список!

А ось CSS-код, який було застосовано для розмітки попередньої таблиці:

table{ border-bottom:1px dotted fuchsia; border-left:1px dotted fuchsia }

td{ padding:11px 20px 20px 11px; border-top:1px dotted fuchsia; border-right:1px dotted fuchsia }

ul { margin-top:10px; margin-bottom:10px; margin-left:0; padding-left:1em }

li{ margin-bottom:10px }