Ho un problema con un elenco numerato
per renderlo leggibile un menù (sto parlando di cibo) l'ho scritto in questo modo:

.menu { margin-left: 30px;
font-size:9pt;
line-height:150%; }
.menu li {margin-top: 10px;
margin-bottom: 10px; }



  1. Ricetta

    Ingredienti
  2. Ricetta

    Ingredienti
  3. Ricetta

    Ingredienti


purtroppo non si tratta di codice Xhtml valido

perché
non può essere contenuto tra[*]

per ottenere grossomodo lo stesso effetto ma con del codice valido
come posso fare?

grazie in anticipo