[résolu] Saut de ligne avec <br> dans une liste incompatible W3

Bonsoir,

j'ai une liste dans laquelle, pour des raisons esthétiques, je veux espacer les items.
je fais ainsi:

<div class="presgauche" style="text-align:left;"><!--choix des recettes-->
     <ul class="menudiet"><br>
	 <li id="soupe_champi" onclick="affichage(this)">Velouté de champignons</li><br />
	 <li id="carottes_orientale" onclick="affichage(this)">Salade de carottes à l'orientale</li><br />
	 <li id="poulend" onclick="affichage(this)">Suprème de volaille et ses endives braisées</li><br />
	 <li id="filmignon" onclick="affichage(this)">Filet mignon aux champignons</li><br />
	 <li id="poulprov" onclick="affichage(this)">Fricassée de poulet à la provençale</li><br>
	 <li id="saumonceleri" onclick="affichage(this)">Filet de saumon à l'unilatérale et purée de céleri</li><br />
	 <li>Dos de cabillaud à la provençale</li><br />
	 <li>Pot au feu</li><br>
	 <li>Tournedos Haricots verts, Salsifis, Tomates au four</li><br />
	 <li>Salade de roquette au saumon et aux crevettes</li><br />
	 <li>Salade d'oranges</li><br />
	 <li>Pommes au four à la cannelle</li><br />
	 <li>Soupe de fraises à la menthe</li />
	 
	 </ul>

Ca fonctionne bien sur tous les navigateurs sauf que ça ne passe pas la validation W3c

Comment faire pour être dans la norme, peut on régler en CSS la hauteur de l'interligne ?

Merci pour vos idées...
Philippe
Modifié par filtep (01 Apr 2013 - 23:46)

Bon bah j'ai trouvé, je laisse le post pour ceux que ça pourrait aider:

il faut mettre un
style="margin-top:1.25em;" dans la balise <li> pour avoir un décalage exactement équivalent à celui produit par un <br>

et là, ça passe la validation HTML5
Modifié par filtep (01 Apr 2013 - 23:59)