Така е много по-добре

Много по-добре Познайте колко код е нужен за тази малка табличка? 2.1k. В нея има 4 реда и 2 колони. И няма spacer.gif-ове.
Правилно А всички тези пунктирани рамки са направени със CSS и са напълно валидни.
  • Това е точка от списък
  • Точно както е редно да бъде
Всичко това е направено с 8 клетки и 4 CSS правила. Сериозно. 8 cells and 4 css rules, това е.
  • Ура за списъците
  • Просто опишете вашите списъци в кода като списъци и оставете 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 }