Individual elements form a layout when they are put together on a page. Using CSS we rely on the box model to control the width and behavior of each element without the layout. To control how elements place themselves in relationship to each other, we can use properties such as display and float. In this chapter we define the box model and look at float, flex, inline-block, and grid for specific layouts.
Box Model
The base for laying out content is rooted in the box model
which describes the rectangular boxes that are generated for elements in the document tree. ...
