- This item is big Arial.
- This item is medium Verdana.
- 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:
<h1 style="font-family: Arial">Big title</h1>, remove all of the other
<h1>s you just removed to the
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.