Question

Whats wrong with my code below.my code below doesn’t work fine

<ul>
<li><font-color ="Red"/> Text 1</li>
</ul>

Answer 1

Font-color isn’t a valid HTML tag or style declaration. Syntactically, it’s illegal.

Instead, it should be something like: <li style="color:red">foo</li>

However, it is almost always better to move styles into their own stylesheet, and use a class name instead:

HTML

<li class="my-class">foo</li>

CSS

.my-class { color: red; }

As @JanDvorak noted, try to use descriptive names for classes like “highlight”.

You can also use other selectors to style your elements, such as an ID selector:

HTML

<li id="item1">foo</li>

CSS

#item1 { color: red; }