Нормални проток

Нормални проток је начин на који се елементи приказују на веб страници у већини случајева. Сви елементи у ХТМЛ-у налазе се унутар кутија које су или инлајн кутије или блокови .

Постављање блокова

У нормалном протоку, блокови се постављају на страници један за другим (у редоследу уписаног у ХТМЛ ). Они почињу у горњем левом углу и садрже кутију од врха до дна. Раздаљина између сваке кутије је дефинисана маргинама са горњом и доњом маргином која се срушавају једна у другу.

На пример, можда ћете имати сљедећи ХТМЛ:

Ово је први див. Ширина око 200 пиксела је око 5пк око ње.

Ово је шири див.

Ово је див који је мало шири од другог.

Сваки ДИВ је блоковни елемент, тако да ће бити постављен испод претходног елемента блока. Свака лева спољна ивица ће додирнути леву ивицу садржаја.

Постављање инлајн кутија

Инлине кутије су постављене на страници хоризонтално, један за другим који почиње на врху елемента контејнера. Када нема довољно простора за уклапање свих елемената линије у једној линији, прелазе се на следећу линију и одвојите од вертикале.

На пример, у следећем ХТМЛ-у:

Овај текст је болд и овај текст је курзив . И ово је обичан текст.

Параграф је блоковни елемент, али постоје 5 инлине елемената:

Дакле, нормалан ток је како ће ти блокирани и инлине елементи бити приказани на веб страници без икакве интервенције веб дизајнера.

Ако желите да утичете на то где се елемент налази на страници можете користити ЦСС позиционирање или ЦСС флоатс .