• Theory
  • Theory

Test: Designing an article

Do you recall the test where you had to mark up the article in the “Text Markup” Chapter? For that test you were required to mark up the article using appropriate tags.

In this test you will need to mark up the same article. However, the assignment has changed. The HTML source code is already fully prepared and can no longer be edited. You will need to apply the CSS properties that you have learned in this course to the corresponding elements.

Here is what you need to do:

  • Assign a font size that is a multiple of 10px for the heading, and set the horizontal justification for the text (using the text-align property);
  • Set padding that is a multiple of 5px for the .highlight block, assign white as the text color, set the background color to #3f51b5, and also change the font weight;
  • In the list of life rules, set the properties font-style, text-transform, and text-decoration to the necessary values for the corresponding pieces of text using the italic, uppercase, and underline classes.

Good luck!

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Typography challenges in the HTML and CSS basics, you need to sign up and subscribe first.