Isto é muito melhor

muito melhor Advinhe quanto de código há nessa minúscula tabela? 2.1k. Há 4 linhas e 2 colunas nessa coisa. E nenhum GIF de espaçamento.
correto E todas estas bordas pontilhadas são determinadas pelo CSS e são perfeitamente válidas.
  • Isto é um item de lista agora
  • Como deve ser
Tudo isto foi feito com uma tabela de 8 celulas e 4 classes no CSS. Sério. 8 celulas e 4 classes, é tudo que precisa.
  • Um viva para as listas de marcadores
  • Por que não fazer sua lista de marcadores como uma lista deve ser e deixar a CSS fazer o resto?
>Você precisa de uma classe para a tag <table>, uma para a <td>, uma para a <ul> e uma para a <li>. É isso aí. Quando tiver isso, você tá feito.
  • Eu simplesmente amo listas de marcadores.
  • Excelente! O último falso marcador.

E aqui está o código CSS usado para nos livrar daquele código inútil:

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 }