Course: CSS

Welcome to the CSS Float Quiz.

This quiz tests your understanding of float in CSS, which is used to position elements to the left or right within a container. The float property was traditionally used for creating layouts, aligning images, and wrapping text around elements. Values like left, right, and none control how elements behave within the layout. Although modern CSS techniques like Flexbox and Grid are now preferred, understanding float is still important for maintaining older code and mastering core CSS concepts. 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 the float property works.

• Learn how left and right affect element positioning.

• Focus on how text wraps around floated elements.

• Observe how clear is used to control floating behavior.

• Identify correct and incorrect float usage.

• Pay attention to layout structure and flow.

• Understand common issues with float layouts.

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

After Submission

• Your score will be displayed instantly.

• Review the correct answers to understand mistakes.

• This will help you confidently use float in CSS layouts.