Normalni protok je način na koji se elementi prikazuju na web stranici u većini slučajeva. Svi elementi u HTML-u nalaze se unutar kutija koje su ili inline kutije ili blok kutije.
Postavljanje blokova
U normalnom toku, blokovi se postavljaju na stranici jedan za drugim (u redosledu koji su napisani u HTML-u ). Oni počinju u gornjem levom uglu i sadrže kutiju od vrha do dna. Razdaljina između svake kutije je definisana marginama sa gornjom i donjom marginom koja se srušavaju jedna u drugu.
Na primjer, možda ćete imati sljedeći HTML:
Ovo je prvi div. Širina oko 200 piksela je oko 5px margina oko nje.
Ovo je širi div.
Ovo je div koji je malo širi od drugog.
Svaki DIV je blokovni element, tako da će biti postavljen ispod prethodnog elementa bloka. Svaka leva spoljna ivica dodirne levu ivicu sadržaja.
Postavljanje inlajn kutija
Unutrašnje kutije su postavljene na stranici horizontalno, jedna za drugim koja počinje na vrhu elementa kontejnera. Kada nema dovoljno prostora za uklapanje svih elemenata linije u jednoj liniji, oni se uvlače na sledeću liniju i odvoze od vertikale.
Na primjer, u sljedećem HTML-u:
Ovaj tekst je bold i ovaj tekst je kurziv . I ovo je običan tekst.
Paragraf je blokovni element, ali ima 5 inline elemenata:
- "Ovaj tekst je"
- "bold"
- "i ovaj tekst je"
- "kurziv"
- "I ovo je običan tekst."
Dakle, normalan protok je način na koji će ti blokirani i inline elementi biti prikazani na web stranici bez ikakve intervencije veb dizajnera.
Ako želite da utičete na to gde se element nalazi na stranici možete koristiti CSS pozicioniranje ili CSS floats .