Block-level elements, inline elements, and positioning

Block-level element: a block, like a paragraph, occupies one row by default;

Inline element: it is also called an in-Row Element. As the name suggests, it can only be placed in a row, just like a word. It does not cause line breaks and can play an auxiliary role.

Because there are block-level elements, there will be float; floating elements will generate a block-level box, no matter what it is, and specify a width, otherwise it will be as narrow as possible; in addition, when the available floating space is smaller than the floating element, it will run to the next row until it has enough space to put it down.

 

Position: relative; relative positioning:

 

Block-level elements, inline elements, and positioning