Block-level and Inline-level elements

A block-level element creates a box that fills the parent element's width and does not allow other elements on either side.
Examples of block-level elements are p, div, blockquote etc.

An inline-level element is always contained in block-level elements. An inline-level element generates a box within a line of text. When the element box reaches the right margin, it breaks and continues from the left of the next line.