How do i make my h1 style to be color:white?

HTML-CSS
1

The only problem I have now is that after running the code it keeps saying, my h1 element should have the inline style of color: white.
Tell us what’s happening:

  **Your code so far**


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
#orange-text {
  color: orange;
}
.pink-text {
  color: pink!important
}
.blue-text {
  color: blue;
}
</style>
<h1 style:"color-white" id="orange-text"class="pink-text
blue-text"  
>
Hello World!</h1>



  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36.

Challenge: Override All Other Styles by using Important

Link to the challenge:

2

Style is an attribute just like id or class it follows the same pattern. You didn’t write it correctly.

3

There seems to be a problem on the sintaxis on how you are declaring the inline CSS style.

Take a look at this article on how to declare Inline CSS styles:
Inline CSS Guide – How to Style an HTML Tag Directly

Then give another try, it’s all part of the journey. Keep going!

4

Hi,
thanks for your response but i am still stuck even after applying what was suggested.
can you write out the correct form for me to see?
thanks in anticipation.

5
body { background-color: black; font-family: monospace; color: green; } #orange-text { color: orange; } .pink-text { color: pink!important } .blue-text { color: blue; } <h1 id="orange-text"class="pink-text <p>blue-text" style:“color-white; font-size=20px”;</p> <blockquote></blockquote> <p>Hello World!</h1></p>
6

I have gotten it! Thanks to you all.

7

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