Take a look at the block-level elements in the image below:
The boxes in the image above were created with the following CSS:
Notice the block-level elements in the image above take up their own line of space and therefore don't overlap each other. In the browser to the right you can see block-level elements also consistently appear on the left side of the browser. This is the default position for block-level elements.
The default position of an element can be changed by setting its
position property. The
position property can take one of four values:
static - the default value (it does not need to be specified)
In the next few exercise, you'll learn about the values in items 2, 3, and 4 above. For now, it's important to understand that if you favor the default position of an HTML element, you don't need to set its