CSS centre ul liste

J'ai cette liste ici: jsfiddle

<div class="footer-location">
    <ul>
        <li>123 Fake St.</li>
        <li>Toronto, Ontario, Y1Y 1Y1</li>
        <li>416-555-5555</li>
        <li><a href="mailto:[email protected]">[email protected]</a></li>
    </ul>
</div>

Et je suis en train de centre de l'ensemble de la liste, j'ai essayé de réglage de largeur et de définir la marge de 0 auto, mais il n'a pas à faire quoi que ce soit, voici mon code css:

.footer-location {
    float: left;
    width: 100%;
    padding-right: 20px;
    padding-left: 25px;
    margin: 0 auto;
    text-align: center;
}

.footer-location ul {
    list-style: none;
}

.footer-location ul li {
    color: #808080;
    padding-bottom: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    padding-right: 10px;
}
  • le centre de chose n'a pas fonctionné car la liste de vos éléments flottants, jsfiddle.net/ZyB2w
InformationsquelleAutor user1269625 | 2014-01-16