Det var meget bedre

Meget bedre Gæt hvormegett kode der er i denne lille tabel? 2.1k. Der er 4 rækker og 2 kolonner. Og ingen fyld GIF'er.
Helt perfekt Og alle de stiplede rammer er lavet med CSS og er helt valide.
  • Der er nu en liste type
  • Helt som det bør være
Det hele er lavet med 8 tabel celler og 4 css regler. Seriøst. 8 celler og 4 css regler, er alt hvad der skal til.
  • Hurra for punktopstillinger
  • Hvorfor ikke markere din punktopstilling som en punktopstilling og lade CSS gøre resten?
Du skal have en regel til <table>, en til <td>, en til <ul> og en til <li>. Det er det hele. Når du har dem er du flyvende.
  • Jeg elsker punktopstillinger
  • Fantastisk! ikke flere falske punkter

Og her er CSS koden som fjerner al den rodede kode:

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 }