Hi guys - I'm hoping someone can help out. I've spent days trying to pass lesson 10 in HTML basics because I keep getting an error that tells me my second line font size is 16px instead of 12px.
What I have tried:
4. Minimizing text size in Chrome, Firefox and Internet Explorer
5. Swapping order of font-family and font-size
Nothing is working, something must be wrong with my code. Hoping one of you experts would mind weighing in and showing me where I'm wrong?
<!DOCTYPE html> <html> <head> <title>Loving the font changes</title> </head> <body> <h1 style="font-family: Arial">Big title</h1> <ol> <li style = "font-family:Arial; font-size: 16px">This item is big Arial.</li> <li style = "font-family:Verdana; font-size: 12px">This item is medium Verdana.</li> <li style = "font-family:Impact; font-size:10px">This item is small Impact.</li> </ol> </body> </html>