#float

Vi har tidigare pratat om float som en möjlighet att låta ett element flyta, istället för att ta sin normala plats i flödet av element som placeras ut. Med float går det att justera bilder i förhållande till texter, det har vi sett på me-sidan. Med float går det också att skapa en kolumn-layout.

I vår Codepen finns ett exempel där en site byggs upp stegvis (“Strukturera en site stegvis”). Där kan du se exempel på 2- och 3-kolumners layout.

Strukturera en site stegvis.

Lek gärna, testa att modifera siten och kolumnerna.

Här finns ytterligare ett exempel på float, exemplet är gjort för att du skall kunna testa varianter på float (left, right) och clear (left, right, both).

Exempel lek med float.

Det är viktigt att ha koll på float, så lek tills du känner att du har koll.

#Revision history