There are a few display types in CSS whose definition and behaviors are the foundation of frontend developers. The most known and basic display values are as follows:
Inline
Block
Inline-block
Table/table-cell
Flex (this will be described further in this book)
Block elements always start from a new line. The most important properties of block elements are width and height, which can be changed from CSS code. For better understanding, let's check the following screenshot:
It is easy to see that all the block elements are taking as much width as they can.
The mainly used HTML block-level elements are as follows:
address
article
aside
blockquote
canvas
div
footer
form
h1
,h2
,h3
,h4
,h5
,h6
header
main
nav
ol
output
p
pre
section
table
ul
video