I am facing an issue with my code where adding the extra bit (font-colour="green") does not turn the h4 title green as expected.
Is there a solution to this problem?
In an attempt to add a highlight to the h4 tag, I ended up losing the left-align feature.
I suspect that my lack of understanding regarding the organization and structure of the code is causing these problems. Any explanation provided in a response would be greatly appreciated.
Code snippet for turning H4 title green (not functioning)
<h4 style="text-align:left;width:50%;margin-top:30px;font color="green">Tracking</h4>
Code for adding a highlight to H4 tag
<mark><h4 style="text-align:left;width:50%;margin-top:30px;">Tracking</h4></mark>
CSS rule for the above
<style>
mark {
background-color: black;
color: white;
}
</style>
Trying to format the h4 title text further, I attempted to add a black line underneath using
, but it did not display any color.
I then tried:
<font color="black"><hr></font>
Unfortunately, this did not work either.
Could the root of all these issues lie in my CSS? If so, how can I manually override it for each individual tag to achieve the intended functionality?