Come posso avere due titoli opposti sulla stessa linea?

Utente HTML.it
chiede

Come posso avere due titoli opposti sulla stessa linea?

Redazione HTML.it
risponde

Dovremo usare la proprietà float su entrambi. Ecco il CSS minimale con stili in linea:

<div style=”height:1.3em;background: #CCC”>
    <h3 style=”font-size: 130%;float: left”>Titolo sinistro</h3>
    <h3 style=”font-size: 130%;float: right”>Titolo destro</h3>
</div>

Da notare che in abbiamo specificato l’altezza del div che contiene i due titoli proprio pari al font-size degli
stessi, così da evitare di contenere il float con un div aggiuntivo.