Describe the normal flow of elements and how floating elements affect it.

Question

What will be an ideal response?

Answer 1

By default, the browser normally displays elements on the page one after the other, depending on whether the elements are block-level or inline elements. Some elements float to the left or right of other elements on the page. Element position can be affected by margin or padding properties, but generally the browser lays out element boxes from top to bottom and left to right until all elements that make up the web page have been displayed.?In the normal flow for block-level elements, boxes are laid out vertically one after the other, beginning at the top of the containing block. Each box horizontally fills the browser window. The space between boxes is determined by the margin settings. The normal flow determines the sequence of element display in standard HTML.?In the normal flow for inline elements, boxes are laid out horizontally, beginning at the top left of the containing block. The inline boxes comprise the lines of text within?.?When you float, or position an element, you take it out of the normal flow. Other elements that are not floated or positioned will still follow the normal flow, so you should check the results frequently as you are designing you layout using floats.