12. Display and positioning

Unlock this lesson

Create a free account, then buy the course to open every lesson.

What you will learn in this lesson

  • Tell block elements and inline elements apart.
  • Change how an element behaves with display.
  • Move elements with position: relative, absolute, fixed and sticky.
  • Decide which element sits on top with z-index.
  • Build a header that stays at the top while the page scrolls.

60 minutes Lesson 12 of 30

Everything in Web Foundations

  • 30 step-by-step lessons
  • 3 mini projects with solutions
  • A final project for your portfolio
  • Real commands and real output in every lesson
  • Practice task with a solution in each lesson
  • Progress saved to your account