HTML Academy
Text Markup, Hardcore Mastery Challenge 2
Text markup18/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 4
  • 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>Amulet of Dawn</title> <link rel="stylesheet" href="style.css"> </head> <body> Legend of the Amulet of Dawn The Amulet of Dawn was created by ancient mages in the year 1001 to protect against the forces of darkness. The amulet's glow at dawn drives away the darkness, bringing light and hope. 1001 Creation of the amulet by the mages of the city of Svetozar. 1205 The amulet was lost in a battle with demons. Location of the Amulet Historians believe that it is located in an abandoned tower at the edge of the world. Events Related to the Amulet Creation of the artifact Lost in battle The Battle of the Dark Gates The Fall of Svetozar Attempts to find the amulet The legend continues to inspire adventurers and mages. </body> </html>
CSS
body { width: 500px; margin: 0; padding: 10px; font-family: "Arial", sans-serif; font-size: 16px; line-height: 1.2; }

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