Use CSS Selectors to Style Elements: Help Please the style and color

Tell us what’s happening:
How should I make the h2 element blue? eg. what steps have I done wrong? I created a style element, inserted “blue” not red, closed it (the style element) and used opening and closing curly braces to" “separate” the elements style

Your code so far


<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0.3 Safari/604.5.6.

Link to the challenge:
https://www.freecodecamp.org/challenges/use-css-selectors-to-style-elements

you have to put the styles inside the style element at the very top of the page like this

<style>
  h2 {color: blue;}
</style>

Type this in a text editor then open it with a browser and see if it works:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>This is red text</2>
<p>This is blue text</p>
<style>
h2 {color:red;}
p {color:blue}
</style>
</body>
</html>

Thanks you guys!! Has been very helpful.