Problema con <li> e <br>

[sea_green]

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

[Vincent.Zeno]

non mi risulta.... l'errore dev'essere da un'altra parte

[graffithouse]

usare h1,h2,h3,h4,h5,h6,p,span?

[sea_green]

non mi risulta.... l'errore dev'essere da un'altra parte

sì avevi ragione, non ho visto un
che avevo scritto tra un[*] e l'altro.

[ildrago.com]

Perchè non provare con le liste di definizione?

<dl>
<dt>Ricetta</dt>
<dd>Ingredienti</dd>
...
</dl>

A mio parere è più adeguata.

[Pino SIlvestre]

Originariamente inviato da ildrago.com
Perchè non provare con le liste di definizione?

ottimo consiglio

[sea_green]

Grazie proverò

[Henry.Chinaski]

Complimenti per il consiglio alle LISTE DI DEFINIZIONE che proprio non sapevo cosa fossero.

In alternativa, un innalzamento del valore di line-height?

[ildrago.com]

Scusa Henry, ma non ho ben capito. Dove e per cosa vorresti innalzare il valore del line-height?