That’s much better

much better Guess how much markup there is in this little table? 2.1k. There are 4 rows and 2 columns in this thing. And no spacer GIFs.
just right And all of these dotted borders are done with CSS and are perfectly valid.
  • This is a list item now
  • Just the way it’s supposed to be
This is all done with 8 table cells and 4 css rules. Seriously. 8 cells and 4 css rules, that’s all it takes.
  • Hooray for bulleted lists
  • Why not just mark up your bulleted lists as bulleted lists and let CSS do the rest?
You need a rule for <table>, one for <td>, one for <ul> and one for <li>. That’s it. Once you have those you're golden.
  • I just love bulleted lists
  • Excellent! no more fake bullets

And here’s the CSS Code used to get rid of the bunk markup:

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 }