Row-level elements (inline)

The characteristics of

Multiple elements in a row cannot be set to width & height.

Common elements

< em>,< i>,< strong>,< span>,< a>

Block level elements

The characteristics of

An element occupies a single line, and you can set width & height. If not set width, width defaults to 100%. If not set height, hieght will be pulled apart by the contents.

Common elements

< p>,< h1>~< h6>,< div>,< ul>,< ol>,< li>,< table>

Line-level block elements (inline-block)

The characteristics of

Multiple elements in a row, you can set the width and height.

Common elements

< img>…

Elements nested

Block-level elements can nest row-level elements, row-level block elements, and block-level elements (except < h1>~< h6>, < p> cannot nest block-level elements). Row-level elements can only nest row-level elements.