<div>
I'm not looking for a list style. I just want 1 image to the left of the nav. That's it
</div>


I'm not looking for a list style. I just want 1 image to the left of the nav. That's it

<div>
I'm not sure if you found out, but you can add list-style-image only to a single list item in the list, while keeping the others with the original format.
</div>


I'm not sure if you found out, but you can add list-style-image only to a single list item in the list, while keeping the others with the original format.

<div>
<div class="content wysiwyg-content">
<br />
Hi,<br />
<br />
I have a navigation list. <br />
<br />
I have a class &quot;selected&quot; for when someone is on that page the link color would be different. <br />
<br />
I want to add an icon to the left of the first list item, called Home. How can I do that?<br />
<br />
Can someone please provide an example?<br />
<br />
Thanks
</div>
</div>



Hi,

I have a navigation list. 

I have a class "selected" for when someone is on that page the link color would be different. 

I want to add an icon to the left of the first list item, called Home. How can I do that?

Can someone please provide an example?

Thanks

how to add an image on the first list item

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.