If you build a Web page and don't include any positioning rules the Web browser will decide how to place your elements on the page. This is called normal flow. It is the normal flow of elements on the Web page.
Browsers will display elements in the following fashion:
i. In the order the elements appear in the HTML - the first element after the <body> tag appears first, the second second, and so on.
ii. Block-level elements appear with line breaks between them while inline elements stack horizontally until they reach the edge of the browser window, then they wrap to the next line.
iii. Images are inline elements, so they will appear with their bottom edge aligned with the baseline of the text they are next to. And any text following an image will line up on the baseline of the image.
If you're not sure whether an item is positioned as normal flow, you can set that position with the CSS position property:
position: static;
No comments:
Post a Comment