It’s time to see how everything that we have learned so far about the box model applies to creating a basic layout for our page. By default, an element’s width and height are determined by the content that it contains.

As you have already seen, we can have granular control and we can set our own dimensions using the width and height properties in CSS. As you might expect, the width and the height properties can accept length units such as pixels, ems, or percentages.