• 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’ll style the same article with CSS. 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:

  • Set the heading’s font size to a multiple of 10px, and set its horizontal alignment using text-align;
  • 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.