Come posso avere due titoli opposti sulla stessa linea?

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.