Printable View
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:
potresti fare questo:Codice HTML:<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>
Poi ovviamente, oltre al float, devi dare anche un margin ed un padding per mettere uno spazio tra un elemento e l'altro.Codice HTML:<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>
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 !