Take a look at the block-level elements in the image below:
Block-level elements like these boxes create a block the full width of their parent elements, and they prevent other elements from appearing in the same horizontal space.
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 five values:
static- the default value (it does not need to be specified)
In the next few exercises, you’ll learn about the values in the list 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
In style.css, add a declaration to the
.question ruleset that sets the position to static.
Notice that setting
static does nothing. That’s because
static simply refers to the default behavior.