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:
- 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: