CSS Float
Šta određuje CSS Float?
CSS Float određuje način kako će se pozicionirati elementi u odnosu na druge elemente na stranici.
CSS Float se najčešće koristi za određivanje rasporeda elemenata na stranici.
Primjer
Float Left
Float Left
p { float: left; }
p { float: right; }
Parametar float može imati neke od sljedećih vrijednosti
left - element se pomjera lijevo u odnosu na ostale elemente (sadržaj).
right - element se pomjera desno u odnosu na ostale elemente (sadržaj).
none - element se nece pomjerati, tj. ostaje na mjestu gdje je prirodno postavljen. (Default vrijednost).
inhert - element nasljeđuje float vrijednost od elementa u kojem se nalazi.
Primjeri parametra float
Primjer - float left
U primjeru ispod možemo vidjeti kako je slika pomjerena lijevo od teksta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum,
nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget,
auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio.
Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...
Primjer - float right
U primjeru ispod možemo vidjeti kako je slika pomjerena desno od teksta.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum,
nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget,
auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio.
Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...