In Chapter 2 I explained the basic box model, and in this chapter I’ll demonstrate how each “box” is positioned relative to the other content on the page. Each HTML element takes up a certain amount of space, which is defined as a rectangle; it has a height and a width. In addition, the padding, border, and margin contributes to the space that must be allocated.
So an HTML document can be thought of a series of boxes. In Chapter 4 I explained the structural elements that define the larger boxes, such as the header, section, and article elements. These define the ...
