Float

Definitie

Manier om een element te kunnen uitlijnen ten opzichte van een ander element. Zo kun je een plaatje links laten komen ten opzichte van tekst, maar niet alleen met plaatjes kan dit, maar met ieder element.

Voorbeeld
.voorbeeld { float: left; }

Hier komt een hoop tekst te staan en het plaatje wordt aan de linkerkant uitgelijnt door float: left; te gebruiken. Dat floaten gaat door totdat het plaatje is gestopt. Het is handig om een rand om een plaatje heen te maken waardoor de tekst niet direct tegen de zijkant van het plaatje komt te staan, maar dat is verder een hoop blabla, dit om een stuk tekst te vullen, zodat je duidelijk ziet hoe het plaatje en het floaten in zijn werk gaat. Hier komt een hoop tekst te staan en het plaatje wordt aan de linkerkant uitgelijnt door float: left; te gebruiken. Dat floaten gaat door totdat het plaatje is gestopt. Het is handig om een rand om een plaatje heen te maken waardoor de tekst niet direct tegen de zijkant van het plaatje komt te staan, maar dat is verder een hoop blabla, dit om een stuk tekst te vullen, zodat je duidelijk ziet hoe het plaatje en het floaten in zijn werk gaat.

Waardenleft | right | none |
inherit |
Standaardinstellingnone
Geldig voorAlle elementen
ErfenisNee

Alle CSS elementen

html en css voor beginnersWil jij ook leren hoe je je eigen website kunt maken?

Wil jij tips en tricks om zo goed mogelijk zelf met alles aan de slag te kunnen?
Meld je hieronder aan voor de HTML-site nieuwsbrief en krijg elke week handige tips om een website te bouwen.
En je ontvangt meteen mijn GRATIS ebook HTML & CSS voor Beginners.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.