<!DOCTYPE html>
<html>
<head>
<title>Changing the colors!</title>
</head>
<body>
<h1 style="color: green; font-size:16px"> Heading</h1>
<p style="color:violet">A giant bear and a little duck were friends.</p>
<p style="color: red; font-size:10px">But the bear got hungry and ate the duck.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Putting it all together</title>
</head>
<body>
<p style="font-size:20px;color:blue;font-family:Arial">
A truly spectacular paragraph!</p>
</body>
</html>
And it tell’s me “Oops your font-size is not set to 20px” I resized the browser window zoom,
by the way I’m using Firefox… it was working fine before… what gives?
a space between 20 and px is a bad idea, your code works fine (the one you posted without markup). I guess your browser is sending cached data, try a different browser