Styling lists - example 1 (lettered ordered lists, square unordered lists)

by danielkwood

HTML

<html>
    <head>
        <title>Styling lists</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>

    <body>
        <h2>Cities</h2>
        <ol class="cities">
            <li>Sydney</li>
            <li>Melbourne</li>
            <li>Brisbane</li>
            <li>Perth</li>
        </ol>

        <h2>Countries</h2>
        <ul class="countries">
            <li>Australia</li>
            <li>France</li>
            <li>Canada</li>
            <li>New Zealand</li>
        </ul>
    </body>
</html>

CSS

ol.cities{
    list-style-type: lower-alpha;
}

ul.countries{
    list-style-type: square;
}