El flujo normal es la forma en que los elementos son dibujados en una página Web. Todos los elementos en HTML se encuentran dentro de cajas que son de tipo en línea o bloque.
Colocando cajas de tipo bloque
En el flujo normal, las cajas de bloque se colocan una detras de la otra (en el orden en que son escritas). Estas empiezan en la esquina izquierda de la caja contenedora y se apilan desde la parte superior a la inferior. La distancia entre cada caja se define mediante los margenes. Cada capa (div) es un elemento de bloque, por ello será colocado por debajo del último elemento de bloque.
Colocando cajas de tipo en línea
Las cajas en línea se colocan horizontalmente en la página, una detrás de la otra, comenzando en la parte superior del elemento contenedor. Cuando no hay más espacio horizontal para colocar otro elemento en línea, entonces se coloca en la siguiente línea y continúan colocándose horizontalmente uno detrás de otro. El párrafo (p) es un elemento en línea.
