Q:

HTML numbering with brackets

Please how to set up numbering in this format: 
1) number 1
2) number 2
3) ...

in html? 
I only found a way to get this format:
1. number 1
2. number 2
3. ...

No bracket after the number. 
Also, is it possible to set up start, kind of numbering, but no other format.

A:

You can achieve this with an ordered list <ol>:

ol {
    counter-reset: list;
}
ol > li {
    list-style: none;
}
ol > li:before {
    content: counter(list) ") ";
    counter-increment: list;
}
<ol>
    <li>some text</li>
    <li>some more text</li>
    <li>some further text</li>
</ol>

Sample JSFiddle
Referenced from: Ordered list (HTML) lower-alpha with right parentheses?

A:

I know this is a little old now, but none of these solutions take into account double-digits or triple-digits or even wrapping lines of text. 

*, ::after, ::before {
    box-sizing: border-box;
}

ol {
    counter-reset: list;
}

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

ol > li:before {
    content: counter(list) ")";
    counter-increment: list;
    left: -40px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 40px;
}
<ol>
    <li>Line 1</li>
    <li>Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. Line 2 is long. </li>
    <li>Line 3 is not so long.</li>
    <li>Line 4</li>
    <li>Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. Line 5 is long. </li>
    <li>Line 6 is not so long.</li>
    <li>Line 7</li>
    <li>Line 8 is long. Line 8 is long. Line 8 is long. Line 8 is long. Line 8 is long. Line 8 is long. Line 8 is long. Line 8 is long. </li>
    <li>Line 9 is not so long.</li>
    <li>Line 10</li>
    <li>Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. Line 11 is long. </li>
    <li>Line 12 is not so long.</li>
</ol>

