Grazie per l'aiuto: ho risolto il problema!
Vorrei un altro aiutino:

vorrei disporre il "titolo1" (<h1>...</h1>)di fianco al "titolo2"(<h2>...</h2>)sulla stessa righa.

Cioè usare la funzione text-align:left per il titolo1 e text-align:right per il titolo2. Entrambe sono contenuti in un div#container.
Il problema è che il titolo2 torna a capo a destra sotto il titolo1.
Non vorrei utilizzare le funzioni di posizionamento nè la funzione float.
Debbo usare la funzione display:inline?
Come debbo fare per non stravolgere il corretto layout della pagina?
Potete vedere la pagina dimostrativa a questo indirizzo:

http://www.cavallodario.it/body2.htm