Semantics


HTML/CSS HTML5 Public

Easy  

7min

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.
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