Paljon parempi

Paljon parempi Arvaapa, kuinka paljon tämän taulukon merkkauskieli painaa? 2.1k. Taulukossa on 4 riviä ja 2 saraketta. Eikä ainuttakaan läpinäkyvää GIF:iä.
Aivan oikein Ja kaikki pisteytetyt reunat on tehty tyylitiedostolla, sääntöjen mukaan.
  • Tämä on nyt ihan oikea lista
  • Niin kuin pitäiskin
Tämä kaikki on tehty 8:lla solulla ja 4:llä tyylisäännöllä Oikeasti. 8 solua ja 4 sääntöä, siinä kaikki.
  • Eläköön listamerkit
  • Mikset merkkaisi listoja listoiksi ja anna tyylisivun huolehtia lopusta?
Tarvitset <table>-säännön, säännön <td>:lle, yhden <ul>:lle ja yhden <li>:lle. Siinä kaikki. Kun olet luonut ne, olet selvillä vesillä.
  • Rakastan listoja!
  • Loistavaa! Ei enää huijauksia!

Tässä CSS-koodi, jolla pääset eroon turhasta merkkauksesta:

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 }