There are 3 main types of blocks in HTML: Block-Level, Inline, and Inline-Block. This entry will cover the first of the 3 elements: Block-Level.
Block-Level elements occupy 100% of parent element’s width, no matter the content; elements are stacked vertically by default, one after another, as they automatically include line-breaks between them.
Default element examples: <body>, <main>, <header>, <footer<, <section>, <nav>, <aside>, <div>, <h1>-<h6>, <p>, <ul>, <ol>, <li>.
With CSS: display: block;