Hoe te combineren met CSS "Zweven links" en "Float recht"

De CSS "float" eigenschap bepaalt waar een element wordt weergegeven op de browser. Als u wilt combineren de linker- en float-eigenschappen, moet u elementen te scheiden in aparte div-containers. U programmeren dan de containers met elke eigenschap float. Deze techniek zorgt ervoor dat één element weer te geven aan de rechterkant en het andere element moet worden weergegeven aan de linkerkant van de browser.

Instructies

1

Met de rechtermuisknop op de HTML-pagina die bevat de elementen die u wilt weergeven. Klik op "Openen met" en selecteer uw gewenste HTML-editor.

2

De div containercode toevoegen aan elk element dat u wilt uitlijnen. De volgende code is het voorbeeld van een div container die in het bezit van een afbeelding:

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

3

Het float-eigenschappen toevoegen aan elke div container. De volgende code is een voorbeeld van twee div-containers met de linker- en float eigenschap ingesteld:

< div id = "alignleft" stijl = "float: left" >< img src='image.jpg' >< / div >
< div id = "alignright" stijl "float: right" = >< img src='image.jpg' >< / div >