BR, a capo e IE

[m.vargas]

Da questo codice:

<div class="form-item">
<label>Etichetta</label>

valore1
</div>

<div class="form-item">
<label>Etichetta 2</label>

Valore
</div>


ottengo:
Etichetta
Valore
Etichetta_2
Valore_2

Io vorrei che apparisse così:

Etichetta Valore
Etichetta_2 Valore_2

Ho provato con questo CSS e funziona solo in Firefox. Qualcuno potrebbe darmi lumi per IE e altri?


br {
float:left;
}


Grazie, Mike

[Caleb]

?

ma non fai prima ad eliminare il br dal codice?

[m.vargas]

Il br viene creato da un CMS che non ho scritto io (drupal), modificando il codice a mano dovrei ad ogni aggiornamento ripetere l'operazione. Non è una gran fatica ma aggiunta ad altre personalizzazioni potrebbe diventarlo e poi vorrei anche capire meglio l'uso dei css.
Ciao, Mike

[Tokai]

Così dovrebbe andare:

.form-item br{
	display:none;
}
.form-item label{
	margin-right:5px
}

ma se nel CMS esiste un template, sarebbe meglio lo togliessi da li il br

[m.vargas]

Mi ero intestardito sul clear e float dimenticando totalmente display Grazie funziona.
Il br non viene creato direttamente dal modulo che produce il codice citato quindi eliminandolo (non so ancora da dove) ne verrebbero coinvolti anche altri moduli e allora ho preferito evitare... cmq vista la dimenticanza del display è meglio che mi legga meglio il codice.
Ciao, Mike