Wyśrodkowanie listy względem diva

Question

A więc tak, potrzebuję pomocy w wyśrodkowaniu listy względem diva.

 

O to kod HTML z listy

<center><li><a href="http://www.iucn.org/"><font color="red"><b>IUCN</b></font></a></li></center>

Kod CSS

ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul {
    width: 200px;
}

ul a:link, ul a:visited {
    display: block;
    width: 186px;
    text-decoration: none;
    background-color: #ccc;
    color: #000;
    padding: 5px;
    border: 2px outset #ccc;
}

ul a:hover {
    border-style: inset;
    padding: 7px 3px 3px 7px;
}

Answer 1

Proszę, screen

 

http://pics.tinypic.pl/i/00725/1a0d0x1w5nnw.png

Answer 2

do ul dodaj text-align:center; ?

a poza tym gdzie jest ul wogóle w tym kodzie?

<ul>
    <li>
        <a href="http://www.iucn.org/">
            IUCN
        </a>
    </li>
</ul>

 

Comments

ul jest ale zapomniałem tutaj dodać

text-align: center;  nie pomaga

---

Lol, ciekawe dlaczego szybciej na to nie wpadłem. Wystarczy dodać <center> przed ul i oczywiście zamknąć.