element
Type: Replacement and non-replacement elements
replaced element:
The section used to replace the element content is not directly displayed by the document content.
eg:img input
nonreplaced element:
Its content is displayed by the user agent in a box generated by the element itself.
eg: the vast majority are non-replacement elements
Basic element types: block-level elements and inline-leve elements
Block-level elements:
A block-level element generates an element box that (by default) fills the content area of its parent element, with no other elements beside it.
Inline-leve element:
Inline elements generate element boxes within a line of text without breaking the line of text.
display:inline; convert to inline element
display:block; converts to a block element