Stylizing heading and font-family colour


#1




Loving the font changes


Big title




  1. This item is big Arial.


  2. This item is medium Verdana.


  3. This item is small Impact.




#2

Please paste in your code using this format


#3

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

#4

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.