Html paragraph number

Question

how I can formate my text displayed in HTML like these:

1.1 cdashjkfhkdvfsdfjkvnjk
    cnzxjkvnkncjkvjkxcvbkcbvk
1.2 cnzxjknvjn jvnxcjkcxcx
    klczxkcnzxnclnxknckxnk
1.3 ....

and not like these:

       1.  cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk 
cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk
       2. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk

Any ideas????

Try looking at the preview of the question next time before posting to make sure that the editor isn't misinterpreting your formatting ;) — Yi Jiang, Sep 03 '10 at 14:22
@Haroldis: I'm not sure if you've seen this question: http://stackoverflow.com/questions/3635955/how-to-create-a-1-1-1-2-1-3-html-list — Yi Jiang, Sep 03 '10 at 14:23
yes i seeing but the format is 1.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk 1.2 cnzxjknvjn jvnxcjkcxcx klczxkcnzxnclnxknckxnk 1.3 .... and not like these: 1. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk cnzxjkvnkncjkvjkxcvbkcbvk 2. cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk — Harold Sota, Sep 03 '10 at 14:33

score 3 · Answer 1 · edited Mar 15 '19 at 06:53

3

Use an ordered list.

<ol>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
</ol>
<ol>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
    <li>cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
</ol>

Edit:

If you don't care about IE6 the following will work =P

body {
    counter-reset:section;
}
ol {
    counter-increment:section;
    counter-reset:subsection;
}
li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}

Output:

1.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
1.2 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
2.1 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>
2.2 cdashjkfhkdvfsdfjkvnjk cnzxjkvnkncjkvjkxcvbkcbvk </li>

http://jsfiddle.net/73vp5naf/

edited Mar 15 '19 at 06:53

Stefan Haberl

9,812
7
72
81

answered Sep 03 '10 at 14:18

Russell Dias

70,980
5
54
71

Ahh just saw your edit... well lack of formatting rather. – Russell Dias Sep 03 '10 at 14:18
The paragraph number are in double and the text is separedet from the number – Harold Sota Sep 03 '10 at 14:24
oops wrong JsFiddle. Check now. – Russell Dias Sep 03 '10 at 14:25

score 0 · Answer 2 · answered Sep 03 '10 at 14:23

Browser's won't do decimals for you as far as I know.

You could use two ordered lists, one inside the other, and have the inner one with letters or roman numerals?

E.g.

<ol>
    <li>Part 1</li>
    <ol>
        <li>Child 1 of Part 1</li>
        <li>Child 2 of Part 1</li>
    </ol>
    <li>Part 2</li>
    <ol>
        <li>Child 1 of Part 2</li>
        <li>Child 2 of Part 2</li>
    </ol>
</ol>

Html paragraph number

2 Answers2