Come combinare CSS "Float sinistra" e "Float destra"

November 21

I CSS controlli di proprietà "float", in cui un elemento viene visualizzato sul browser. Per combinare le proprietà float sinistro e destro, è necessario separare gli elementi in contenitori div separati. È quindi programmare i contenitori con ogni proprietà float. Questa tecnica costringe un elemento per visualizzare a destra e l'altro elemento per visualizzare sulla sinistra del browser.

istruzione

1 Fare clic sulla pagina HTML che contiene gli elementi che si desidera visualizzare. Fai clic su "Apri con" e selezionare l'editor HTML preferito.

2 Aggiungere il codice div contenitore per ogni elemento che si desidera allineare. Il codice che segue è un esempio di un contenitore div che contiene un'immagine:

<Div id = "AlignLeft"> <img src = 'image.jpg'> </ div>

3 Aggiungere le proprietà float per ogni contenitore div. Il seguente codice è un esempio di due contenitori div con la proprietà float set sinistra e destra:

<Div id = stile "AlignLeft" = "float: left"> <img src = 'image.jpg'> </ div>
<Div id = stile "AlignRight" = "float: right"> <img src = 'image.jpg'> </ div>