Learn

Take a look at the block-level elements in the image below:

Diagram of block-level elements

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)
  • relative
  • absolute
  • fixed
  • sticky

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 position property.

Instructions

1.

In style.css, add a declaration to the .question ruleset that sets the position to static.

Notice that setting position to static does nothing. That’s because static simply refers to the default behavior.

Take this course for free

By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.
Already have an account?