Aiuto allineamento elementi

In questa pagina (http://dimensioneacqua.altervista.org/flora.html) ho messo una linea di divisione tra la parola "Prova" e la parola "Prova2". Vorrei che questi tre elementi fossero uno difianco all'altro e non in fila verticale ! Come posso risolvere il problema ?

Grazie in anticipo

Inserisci il float:left; ed elimina quegli obrobriosi br, al posto dei br puoi utilizzare il margin o il padding.

Al posto di questo:

<div style="margin-top: 100px; margin-left:50px;">

<span style="clear:none;">
Prova
<br/>
<br/>
</span>
<span style="clear:none;">
<hr style="background-color: #786E77; border:none; width:2px; height:1000px; margin-left:8%;">
</span>
<span>
Prova2
</span>
</div>

potresti fare questo:

<div style="margin-top: 100px; margin-left:50px;">
<div style="float:left;border-right:2px solid #786E77;">
Prova</div>
<div style="float:left;">
Prova 2</div>
</div>

Poi ovviamente, oltre al float, devi dare anche un margin ed un padding per mettere uno spazio tra un elemento e l'altro.

Comunque dai un'occhiata ai fogli di stile (CSS), ti facilitano le cose.

Grazie mille ! Adesso è perfetto ! Comunque i <br/> erano solo cose di prova... dopo ci andranno altri contenuti !