Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Learn

When the value of the max-height property is set too low, the contents will spill outside of the box. How can we ensure that this doesn't happen?

The overflow property controls what happens to content when it spills, or overflows, outside of its box. It can be set to one of the following values:

  1. hidden - when set to this value, any content that overflows be hidden from view.
  2. scroll - when set to this value, a scrollbar will be added to the element's box so that the rest of the content can be viewed by scrolling.
p { min-width: 300px; max-width: 600px; min-height: 150px; max-height: 300px; overflow: scroll; }

In the example above, minimum and maximum widths and heights have been set. If any of the paragraph content overflows (perhaps a user resizes their browser window), a scrollbar will appear so that users can view the rest of the content.

Report a Bug
If you see a bug or any other issue with this page, please report it here.