Font size help


#1

<head>
	<title>First font size change</title>
</head>
<body>
	<p style="font-style: 10px"> Some text for you to make tiny! </p>
	<p style="font-style: 20px"> Some text for you to make normal size!</p>
	<p style="font-style: 40px"> Some text for you to make super big!</p>
</body>

I can't seem to get the first font size line to work.
I keep getting error message: 'Oops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 16px. (If you're getting a weird decimal font size, check the Hint.)'

In safari, when I zoom out, the font size will change, but it only changes to 13, 11 and 9px. I can't get 10px.
I have tried different browsers, chrome and firefox, but when you zoom in and out on these the px doesn't change, it stays stuck on 16px.

Can anyone help. Have I missed anything or made an error in my text?


#2

the property you want to use is font-size, not font-style, font-style is not a valid property


#3

Thanks. Clearly need to read things properly haha