Stylizing heading and font-family colour

Loving the font changes

Big title

  1. This item is big Arial.
  2. This item is medium Verdana.
  3. This item is small Impact.

Please paste in your code using this format

<!DOCTYPE html>
<html>
	<head>
		<title>Loving the font changes</title>
	</head>
	<body>
		<h1 style="font-family: Arial">Big title</h1>
		 <ol>
		 <hl style="font-size: 16px; font-family: Arial">
		 	<li>This item is big Arial.</li>
		 <hl style="font-size: 12px; font-family: Verdana">
		 	<li>This item is medium Verdana.</li>
		 <hl style="font-size: 10px; font-family: Impact">
		 	<li>This item is small Impact.</li>
		 </ol>
	</body>
<! why does the following message show up Oops, try again. It looks like your first <li>'s font-size is 16px instead of 16px.>
</html>

You are supposed to style those <li>'s, not the <h1>'s. Here’s what you need to do:

  • Take note of the styles you added to the <h1>s.
  • Other than <h1 style="font-family: Arial">Big title</h1>, remove all of the other <h1>s.
  • Apply the styles you added to the <h1>s you just removed to the <li>s instead.

The following code should work:

While both of our codes produce literally the same outcome in appearance, that’s not what the directions in that course tells you to do. They’re asking you to style the <li>, not add a <h1> and then style it.

And here’s a friendly reminder. The way you formatted your comment was wrong, here is the correct format on how you are supposed to add HTML comments:

Hope I helped you.