If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Main content
Computing Computer programming Intro to HTML/CSS: Making webpages CSS layout

CSS layout

    • CSS grouping elements
    • Challenge: Group the groupers
      This is the currently selected item.
    • CSS width, height, and overflow
    • The overflowing ocean
    • CSS box model
    • Challenge: The boxer model
    • CSS position
    • Challenge: Position planet
    • CSS in the wild: Google Maps
    • CSS floating elements
    • Challenge: Floating clouds
    • Practice: Using CSS layout properties
    • Planning your webpage
    • Project: Event invite
    Next lesson
    More CSS selectors
CSS grouping elements
CSS width, height, and overflow
Up Next
CSS width, height, and overflow