So ist es viel besser

viel besser	Raten Sie, wieviel Markup in dieser kleinen Tabelle ist! 2.1k. Sie hat 4 Zeilen und 2 Spalten. Und keine Spacer GIFs.
genau richtig	Und all diese gepunkteten Rahmenlinien sind mit CSS erstellt und valide. Dies ist jetzt ein Listenelement Genau so wie es sein soll
Das alles ist mit nur 8 Tabellenzellen und 4 CSS Regeln gemacht.	Wirklich! 8 Zellen und 4 CSS Regeln, mehr ist nicht nötig. Hurra für diese Liste Schreiben Sie Ihre Liste als Liste und lassen Sie CSS den Rest übernehmen.
Sie brauchen eine Regel für <table>, eine für <td>, eine für <ul> und eine für <li>.	Das ist alles. Ich liebe Listen Exzellent! Keine vorgetäuschten Listen mehr.

Und hier ist der CSS Code, den Sie brauchen, um das überflüssige Markup loszuwerden:

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 }