Course: CSS

Welcome to the CSS Position Quiz.

This quiz checks your understanding of the CSS position property and how it is used to control the placement of elements on a web page. Positioning is a core CSS concept that allows you to move elements relative to the page, their parent container, or the browser window. Knowing how positioning works helps you build structured layouts, overlays, navigation bars, and interactive components correctly. Read the instructions carefully before you begin.

Quiz Format

• Total Questions: 10

• Difficulty Level: Medium

• Question Type: Multiple Choice

• Each question has one correct answer.

Timing

• Total time limit: 5 minutes

• Move through each question with steady focus and avoid spending too long on any single one.

Scoring

• Each correct answer = +1 point

• No negative marking

• Maximum Score = 10 points

How to Play

• Read each question carefully and review any CSS code shown in the question.

• Pay attention to different position values such as static, relative, absolute, fixed, and sticky.

• Understand how positioned elements behave in relation to their parent or the viewport.

• Focus on the use of top, right, bottom, and left properties.

• Learn how positioning affects document flow and overlapping elements.

• Understand common use cases like fixed headers, absolute positioning inside containers, and sticky elements.

• Choose the option you think is correct based on how CSS positioning actually works.

• Once you move to the next question, you won’t be able to go back.

Rules

• Don’t refresh or close the quiz window during the attempt.

• Avoid external notes, books, or online help while answering.

• Keep an eye on the timer throughout the quiz.

Before You Start

• You can review the topic here: CSS Position Tutorial

After Submission

• Your score will appear instantly.

• You can check the correct answers to understand mistakes and improve your layout and positioning skills using CSS.