Man telephoning his co-worker in a panic

Así es mucho mejor

mucho mejorAdivina ¿cuánto pesa el marcado de esta pequeña tabla? 2,1k. Cuenta con 4 filas y 2 columnas. Y ningún espaciador GIF.
Justo lo necesarioY todos los márgenes con puntos están hechos con CSS y son perfectamente válidos.
  • Ahora éste es un ítem de lista
  • Tal como debería ser
Todo está hecho con 8 celdas de tablas y 4 reglas de CSS.De verdad, todo lo que se necesita son 8 celdas y 4 reglas de CSS.
  • ¡Vivan las listas no numeradas!
  • ¿Por qué no marcas simplemente tus listas no numeradas como tales y dejas que CSS haga el resto?
Necesitas una regla para <table>, otra para <td>, otra para <ul> y otra para <li>.Eso es todo. Una vez que las tienes, lo has logrado.
  • Me encantan las listas no numeradas
  • ¡Excelente! Basta de puntos de listas falsos

Y éste es el Código CSS que debes utilizar para deshacerte del marcado inválido:

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 }

>
Scott Design