Block,inline and Inline-block

1) The block element can contain both the block element and the inline element, but the inline element may contain only the inline element. Note that this is a general statement that each specific element can contain elements that are also specific, so specific to individual elements, this rule is not applicable.

2) Some block elements may not contain other block elements, for a chestnut: when a P tag contains a block element, it ends itself, and finally one more P ———— can contain only the inline element, not the block element.

Then in the browser, it will parse into

3) Generally we will use Display:block,display:inline or Display:inline-block to adjust the layout level of elements, in fact, display parameters far more than these three kinds, is only more commonly used.

Block,inline and Inline-block