HTML/CSS Interview Questions

Want to become an expert in cracking HTML/CSS interview questions/Front end interview questions?

Start with practicing the questions below. Whether a question involves multiple choice or live coding, we will give you hints as you go and tell you if your answers are correct or incorrect.

After that, take our timed public HTML/CSS Interview Questions Test.

To use our service for testing candidates, buy a pack of candidates.


1. Semantics
HTML/CSS HTML5 Public

Update the website's HTML to make use of semantic elements so that:

  • The classless outer div element is replaced with a more appropriate element.
  • The divs with the image and caption classes are replaced with self-contained content elements.
  • The divs with the lorem-ipsum and description classes are replaced with elements, so that by default only the contents of the description element are shown. When the contents of the description element are clicked, the visibility of the rest of the lorem-ipsum element is toggled.
Easy  
7min
HTML5, CSS3
 


Run OK, but 3 out of 3 test cases fail:

  •   Classless div element: Wrong answer
  •   Self contained content: Wrong answer
  •   Toggling lorem-ipsum visibility: Wrong answer

2. Styling Links
HTML/CSS CSS selectors Styling Public

Write CSS so that link <a href="http://www.testdome.com">Check documentation</a> and cursor looks like:

A stylish link with a hover-over mouse pointer.

Easy  
7min
HTML5, CSS3
 


Run OK, but 4 out of 4 test cases fail:

  •   Uppercase letters: Wrong answer
  •   No underline: Wrong answer
  •   Mouse pointer: Wrong answer
  •   Content around link: Wrong answer

3. Inspector
HTML/CSS Bug fixing Language Public

Fix the bugs in the following HTML code.

Easy  
10min
HTML5, CSS3
 


Run OK, but 4 out of 4 test cases fail:

  •   Paragraphs: Wrong answer
  •   Headings: Wrong answer
  •   Lists and images: Wrong answer
  •   Table: Wrong answer

4. Advanced Form
HTML/CSS HTML5 Public

With the new HTML5 features, modify the form so that:

  • The formula input field has an autocomplete option with the following options: "sin", "cos", "tan" and "cot".
  • The iterations input field is a slider with possible values from 1 to 10.
  • The precision input field is a number picker with possible values from 1 to 100, where 50 is the default value.
Hard  
7min
HTML5, CSS3
 


Run OK, but 3 out of 3 test cases fail:

  •   Formula (autocomplete): Wrong answer
  •   Iterations (slider): Wrong answer
  •   Precision (number picker): Wrong answer

5. Articles
HTML/CSS CSS selectors Positioning Public

Using CSS only (without adding additional HTML attributes), style articles so that they occupy the whole browser window and have the following properties:

Article Position Background color
First Upper-left quarter Red
Second Upper-right quarter Yellow
Third Lower-left quarter Blue
Fourth Lower-right quarter Green

The four colored quarters of the articles.

Hard  
20min
HTML5, CSS3
 


Run OK, but 3 out of 3 test cases fail:

  •   Article size: Wrong answer
  •   Article position: Wrong answer
  •   Article color: Wrong answer

If you feel ready, take one of our timed public HTML/CSS Interview Questions tests:
  • ASP.NET (Core) MVC, HTML/CSS, JavaScript, C#, and SQL Online Test (Easy / Hard)
  • ASP.NET Web Forms, HTML/CSS, JavaScript, C#, and SQL Online Test (Easy / Hard)
  • HTML/CSS Online Test (Easy / Hard)
  • HTML/CSS and Bootstrap Online Test (Easy / Hard)
  • HTML/CSS and JavaScript Online Test (Easy / Hard)
  • HTML/CSS and JavaScript with jQuery Online Test (Easy / Hard)
  • HTML/CSS, JavaScript with jQuery, and Bootstrap Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, and Bootstrap Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, C# Algorithms, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, C#, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, Java Algorithms, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, Java, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, PHP, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, Python Algorithms, and SQL Online Test (Easy)
  • HTML/CSS, JavaScript, Python, and SQL Online Test (Easy / Hard)
  • HTML/CSS, JavaScript, Ruby, and SQL Online Test (Easy / Hard)
Not exactly what you are looking for? Go to our For Jobseekers section.