Course: CSS

Welcome to the CSS Margin Quiz.

This quiz checks your understanding of CSS margins and how they are used to create space around HTML elements. Margins play an important role in page layout by controlling the distance between elements on a web page. Knowing how margins work helps you design clean layouts, avoid overlapping content, and maintain proper spacing in real-world websites. 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 margin properties such as margin, margin-top, margin-right, margin-bottom, and margin-left.

• Focus on how margins create space outside elements.

• Understand margin collapsing and how vertical margins behave.

• Learn how auto margins are used for alignment.

• Choose the option you think is correct based on how CSS margins actually work.

• 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 Margin Tutorial

After Submission

• Your score will appear instantly.

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