Center <ul>

by Daniel Gasser

HTML

<div class="centered">
    <ul id="progressbar">
        <li class="active">First step</li>
        <li>Second step</li>
        <li>Third step</li>
    </ul>
</div>

CSS

.centered {
    width: 100%;
    /* e.g. */
    margin: 0;
    border: 1px solid red;
}
#progressbar {
    max-width: 40%;
    margin: 0 auto;
    border: 1px solid blue;
}
#progressbar li {
     width: 40%;
     margin: 0 30%;
}