top of page

CSS

​

/* set the style for a different newlist class */

​

ul.newlist {
     background-color: transparent; 
    list-style-type: circle; 
    list-style-position: inside; 
    margin: 2;
    padding: 2;
}

ul.newlist li {
    color: blue; 
    float: none; 
    text-align: center
}

​

​

HTML

​

<ul class="newlist">
    <li>Item One</li>
    <li>Item Two</li>
</ul>

ul.newlist

defines a different class of ordered list with a different style.

ul class ="newlist"

tells the browser to use the style defined for the newlist class

bottom of page