Page 119 - CodePilot V5.0 C7

<LI>HEART</LI>

<LI>BRAIN</LI>
<LI>LUNGS</LI> Whenever you are using

<LI>LIVER</LI> LIST-STYLE-IMAGE, use
a small size for images.
<LI>KIDNEYS</LI>
Otherwise, it may not appear
</UL> in the list item marker.
<H2>External Organs</H2>

<UL STYLE="LIST-STYLE-IMAGE: URL('green-check-mark-icon.png');">

<LI>SKIN</LI>
<LI>EYES</LI>

<LI>EARS</LI>

<LI>NOSE</LI>
<LI>MOUTH</LI>

</UL>

</BODY>

</HTML>
The output of the preceding code is as follows:

List Style Position Inside with Image

List Style Position outside with Image

LIST STYLING WITH COLOURS

You can also style lists with colours, to make them look a little more interesting. Anything added
to the <OL> or <UL> tag affects the entire list, while properties added to the <LI> tag will affect the
individual list items.

117
Lists and Tables in HTML5