HTML Academy
Setting the Classes
Introduction to HTML and CSS2/4
Back to the list of challenges
  • 1. Setting the Classes
  • 2. The Classes Strike Back
  • 3. Challenge: Look for errors in the HTML
  • 4. Challenge: Look for errors in the CSS
Challenge: Look for errors in the HTML
  • Sign up
  • Log in

Register to take up challenges

Registration will only take a minute and let you save your study progress. You can register with your email and password or login via social networks.

or
Log in and continue
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>The Classes Strike Back</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>What will you learn, you may ask?</h1> <ul> <li class="uppercase large">How to snatch food from the master’s plate;</li> <li>How to wake the master up at night;</li> <li class="red bordered">How to scatter fur around the apartment.</li> </ul> </body> </html>
CSS
body { padding: 0; font-family: "Arial", sans-serif; font-size: 16px; line-height: 26px; color: #000000; } ul { width: 270px; } selector { font-size: 20px; } selector { color: red; } selector { text-transform: uppercase; } selector { border-bottom: 1px solid #000000; }

What didn’t you like in this task?

Thanks! We’ll fix everything at once!

100%
  • Goal
  • Result
  • Overlay
  • Differences
  • ?

Press Compare to send your code for review.

Failed to load the goal. Try later.

Goal — the interface you need to get.

Result — the way the server sees your code. Can differ from what you see in the mini-browser. The comparison is made between this result and the goal.

Overlay — semi-transparent result is shown above the goal.

Differences — the map of differences between the goal and the result.

Done 0%.
The code has been changed

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ, 2019−2025

VISAMastercard