Course: CSS

Welcome to the CSS Inline-block Quiz.

This quiz tests your understanding of inline-block in CSS, which is used to display elements inline while still allowing control over width, height, margin, and padding. The inline-block value combines the behavior of both inline and block elements, making it useful for creating layouts where elements sit side by side but still behave like blocks. It is commonly used for navigation menus, buttons, and grid like layouts. Understanding inline-block helps you manage spacing and alignment more effectively in web design. Read the instructions carefully before you begin the quiz.

Quiz Format

• Total Questions: 10

• Difficulty Level: Medium

• Question Type: Multiple Choice

• Each question has one correct answer.

Timing

• Total time limit: 5 minutes

• Answer steadily and avoid spending too much time on any single question.

Scoring

• Each correct answer = +1 point

• No negative marking

• Maximum Score = 10 points

How to Play

• Read each question carefully and review the HTML and CSS code examples provided.

• Understand how display: inline-block works.

• Learn the difference between inline, block, and inline-block elements.

• Focus on how width and height apply to inline-block.

• Observe spacing behavior between inline-block elements.

• Identify correct and incorrect usage.

• Pay attention to alignment and layout control.

• Understand when to use inline-block in real projects.

• Choose the option that best represents correct CSS inline-block behavior.

• Once you move to the next question, you cannot return to previous ones.

Rules

• Do not refresh or close the quiz window during the attempt.

• Avoid using notes, books, or online references.

• Keep track of the remaining time during the quiz.

Before You Start

• You can revise the topic here: CSS Inline-block Tutorial

After Submission

• Your score will be displayed instantly.

• Review the correct answers to understand mistakes.

• This will help you confidently use inline-block in CSS layouts.