Acum e mult mai bine

mult mai bine Ghiciţi cît cod avem în acest tabel? 2.1k. Avem 4 rînduri şi 2 coloniţe. Şi nici un GIF transparent.
tocmai cum trebuie Şi toate aceste linii punctate sunt realizate prin CSS şi sunt perfect valide.
  • Acesta este un element din listă
  • Tocmai aşa cum trebuie să fie
Aceasta este realizat prin 8 celule şi 4 reguli css. Serios. 8 celule şi 4 reguli CSS, e tot de ce este nevoie.
  • Ura pentru listele punctate
  • De ce să nu marcăm listele punctate drept liste punctate, şi să lăsăm CSS să se ocupe de restul?
Aveţi nevoie de o regulă pentru <table>, una pentru <td>, una pentru <ul> şi una pentru <li>. Atît. Acum avem totul necesar.
  • Eu iubesc listele punctate!
  • Excelent! nu mai avem buline false.

Iată codul CSS ce face toate aceste minuni:

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 }