HTML Academy
Strange formula
Text markup15/20
Back to the list of challenges
  • 1. Artwork
  • 2. Text Markup, Mastery Challenge 1
  • 3. Text Markup, Mastery Challenge 2
  • 4. Text Markup, Mastery Challenge 3
  • 5. Text Markup, Mastery Challenge 4
  • 6. Text Markup, Mastery Challenge 5
  • 7. Marking up a recipe
  • 8. Text Markup, Mastery Challenge 8
  • 9. Text Markup, Mastery Challenge 10
  • 10. Text Markup, Mastery Challenge 9
  • 11. Text Markup, Mastery Challenge 6
  • 12. Text Markup, Mastery Challenge 7
  • 13. Multi-level shopping list
  • 14. Strange formula
  • 15. Eternal revisions
  • 16. Text Markup, Hardcore Mastery Challenge 1
  • 17. Text Markup, Hardcore Mastery Challenge 2
  • 18. Text Markup, Hardcore Mastery Challenge 3
  • 19. Text Markup, Hardcore Mastery Challenge 4
  • 20. Text Markup, Hardcore Mastery Challenge 5
Text Markup, Hardcore Mastery Challenge 1
  • 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>Eternal revisions</title> <link rel="stylesheet" href="style.css"> </head> <body> Revision list Alternative font options were not indicated The document does not pass the validation check The style file is invoked outside of the head tags There are errors in the texts The page layout breaks apart when the window is resized to the minimum width The tag br is used to break text into paragraphs The layout is broken when the website is loaded in Internet Explorer 11 </body> </html>
CSS
body { width: 550px; margin: 0; padding: 0 10px; font-family: "Arial", sans-serif; font-size: 18px; line-height: 1.6; } code { padding: 2px 5px; background-color: #e6e6e6; border: 1px solid #707070; border-radius: 4px; color: #09081d; font-family: "Courier New", "Courier", monospace; } .important { color: red; }

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