Course: CSS

Welcome to the CSS Align Quiz.

This quiz tests your understanding of alignment in CSS, which is used to position elements horizontally and vertically within a layout. Alignment plays a key role in designing clean and structured web pages. CSS provides multiple ways to align elements, including text alignment, margin auto, flexbox alignment, and grid alignment techniques. Properties like text-align, justify-content, align-items, and align-self help control how elements are placed inside containers. Learning alignment techniques helps you create responsive and visually balanced layouts. 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 different alignment methods in CSS.

• Learn how text-align works for inline content.

• Focus on centering elements using margin and display properties.

• Observe how flexbox alignment works using justify-content and align-items.

• Identify correct and incorrect alignment techniques.

• Pay attention to vertical and horizontal alignment differences.

• Understand layout behavior in different scenarios.

• Choose the option that best represents correct CSS alignment 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 Align Tutorial

After Submission

• Your score will be displayed instantly.

• Review the correct answers to understand mistakes.

• This will help you confidently align elements in CSS layouts.