Alphabetically ordered lists with right brackets instead of dots

An example, that shows, that this neat solution works fine only for one-level lists! Source: http://stackoverflow.com/a/1636635/1469208

HTML

<div class="test">
<ol>
        <li>number 1</li>
        <li>number 2</li>
        <li>number 3 and some long text that goes on the next line</li>
        <li>number 4</li>
        <li>number 5</li>
        <li>number 6:
            <ol>
                <li>number 1</li>
                <li>number 2</li>
                <li>number 3</li>
                <li>number 4</li>
                <li>number 5</li>
                <li>number 6</li>
            </ol>
        </li>
        <li>number 7</li>
    </ol>
</div>

CSS

.test {
    width: 300px;
    background: #eee;
    padding: 10px;
}
ol {
    counter-reset: list;
    margin: 0;
}

ol > li {
    list-style: none;
    position: relative;
}

ol > li:before {
    counter-increment: list;
    content:"(" counter(list) ")";
    position: absolute;
    left: -1.4em;
}