How to use the HTML CSS MCQ Quiz
- 1. Pick the lengthChoose 10 HTML CSS questions or all 22, with shuffle on or off.
- 2. Answer each questionTap an option to see at once if it is right, plus a short HTML CSS explanation.
- 3. See your scoreFinish to get your HTML CSS score and a review of all your answers.
What this quiz covers
The quiz checks the HTML and CSS ideas that interviews and front-end tests ask most often:
- HTML: headings, links that open in a new tab, alt text, semantic tags like nav and article, form inputs and labels, and lists.
- CSS basics: colour, position, specificity, units like rem and em, and pseudo-classes such as :hover.
- Layout: the box model, box-sizing, display vs visibility, Flexbox wrapping and centring, z-index and media queries.
- Mobile: why the viewport meta tag matters.
Each attempt shuffles the questions and the order of options, so you cannot simply memorise positions.
Worked example and how to use it
Here is one question from the set: A div has width: 200px, padding: 10px, border: 5px and box-sizing: content-box. How wide does it render? With content-box, padding and border are added outside the width: 200 + (2 × 10) + (2 × 5) = 230px. Switch to box-sizing: border-box and it stays exactly 200px, which is why most modern stylesheets set border-box on every element.
To get the most from the quiz:
- Answer before you look at the options when you can, then check.
- Read the explanation even when you are right; it often adds a related fact.
- Try anything you got wrong in the online HTML editor to see it for yourself.
A score of 80% or more means you are comfortable with the basics; below 50% means it is worth revisiting the topics before an interview.
Frequently asked questions
How many questions are there?
There are 22 in the bank. Pick 10 for a quick round or all 22 for a full check.
Is it suitable for beginners?
Yes. Questions start from basic tags and go up to the box model and Flexbox, all with explanations.
Can I see the answers?
Yes. You see the answer and an explanation right after each question, and a full review at the end.
Is the quiz free?
Yes, completely free. Answering needs no form. Seeing your final score asks for your name and WhatsApp number once, and then all Uncodemy tools open freely.