Font size issue - help!

#1


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:
1. Resetting
2. Retyping
3. Refreshing
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?

Many thanks


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

#2

Try to delete the space at: > style = "" to be like:

style="font-family:Arial; font-size: 16px"

#3

Thanks mohamadbahaa, that didn't work either argh. I'll keep trying!

#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.