Block elements and inline elements

There are two elements that make up a Web page: a block element and an inline element, which is not a good way to navigate the two elements, and the Web page created may have compatibility issues!

Block element

Block elements are typically containers for other elements, can accommodate inline elements and other blocky elements, and block elements repel the same line as other elements, and the width (height) Height property works on the block element.

Page layout commonly used block elements are: div P h1~h6 ul ol li DL DT DD HR Form Center table

Exception: Form labels can only hold block elements

How to make multiple block elements on the same line: add floating labels to a block element float

Inline elements
Inline elements can only hold text or other inline elements, which allow other inline elements to be on the same line, but the width height (height) does not work.

Page layout Common inline elements are: A span img input select TEXTAREA label

How to make the width of an inline element function: The first method adds a floating label float to the inline element, and the second method displays the inline element as a block-level element (display= "block")

Block elements and inline elements