Display: inline and display: block of CSS

Bkjia.com CSS tutorialThe text in the CSS authoritative guide shows that any visible element that is not a block-level element is an inline element, and its characteristics are in the form of "Row layout.

Float must be applied to block-level elements, that is, float is not applied to inline labels. Or in other words, when float is applied, this element will be specified as a block-level element.

The inline (display: inline) element cannot be set to width or height. Because inline is a row layout, it is characterized by layout in a row, so it cannot be set to width or height.

When the float attribute value is not set to none, the object is regarded as a block-level object, that is, the display attribute value of the object is equal to block. That is to say, the display feature of the floating object is ignored.