A block element creates a (usually invisible) box in the browser display. By default, this box takes up the full width of the display. The beginning of a block always starts on a new line in the display.
Most block elements have a particular way they are displayed by default: paragraphs have margins around them; lists have bullet-points or numbered items; headlines are printed in large text. There is also a generic block element, div, which has no special defaults.
<p> — Paragraph. Text in a paragraph is separated visually from other paragraphs by a small margin.
<ul> and <ol> — Unordered and ordered lists. By default, <ul> lists are displayed with bullet points, and <ol> lists with numbered items.
<li> — List items inside a <ul> or <ol> list. The <li> element has to be nested inside a <ul> or <ol> list; it can't occur on its own.
Section headers, from <h1> (largest) to <h6> (smallest). Used for headlines, section titles, and the like.
<div> — A logical division of a page or document. Other block elements such as paragraphs, lists, and headers can be nested inside a <div> .
You will see the <div> element much more in the next lesson. Because they don't have any default display settings, div s are heavily used with custom styling with CSS. version