Multimedia Designs .NET

HTML Lists:

There are unordered lists (displayed with bullets: disc, circle, or square) and ordered lists (displayed with numbered bullets: decimal, decimal-leading-zero, upper-alpha, lower-alpha, upper-roman, or lower-roman). Select which bullet option to use by setting the property like this: 

ul list-style-type: square;   OR  

.circle {listj-style-type:circle;}      used with <li class="circle">item</li>

Grab the code to start your lists and see the optional styles available for customizing the appearance of your HTML lists.

HTML CODE for an unordered LIST:

<ul>
<li> first item </li>
<li> second item </li>
<li> third item </li>
</ul>

• first item
• second item
• third item

HTML CODE for an ordered LIST:

<ol>
   <li> first item </li>
   <li> second item </li>
   <li> third item </li>
</ol>

Optional Styles

Listed below are just a few of the optional styles that you can set inside
the <ul> & <li> tags of your lists:

Create a list with NO BULLETS:

list-style-type:none;

POSITION a bullet:

 list-style-position:outside;      OR   
                   list-style-position:inside;  

Adjust the SPACE between the bullet and text:

 ul, ol {padding-left:0; margin-left:0;} 

Use GRAPHIC for bullet: 

list-style-image: url(images/bullet.gif);