html - 在有序列表中缩进文本

Question

我想显示我的文本内容，如下图所示。怎么做？我试过这个，但它没有从第二行缩进。我还尝试将该内容放在 <table> 中，其中包含 2 行和 2 列，但问题是我无法按我的意愿为 <table> 设置边距。<table> 有很多margin 和padding 问题。

更新：

代码缩进正确，但问题是我不能像我想要的那样对表格进行边距。

<table>
    <tr>
        <td>(1) </td> 
        <td>zzzzzzzzzzzzzzzzzzz</td>
    </tr>

    <tr>
        <td>(2) </td> 
        <td>zzzzzzzzzzzzzzzzzzz</td>
    </tr>
</table>

Answer 1

我想你正在寻找这个小提琴。

这是使用普通列表和CSS 计数器来创建列表编号。它将重新设置ol从头开始。

资料来源：StackOverflow：如何自定义有序列表中的数字？

Answer 2

你的意思是这样的吗？

<ol>
<li>content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere</li>
<li>content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere</li>
</ol>​

---

ol{padding-left:80px;list-style-type:decimal;}

li{
    width:100px;
    word-wrap:break-word;
}

​</p>

Answer 3

**[演示][1]**

HI 现在习惯于在 css3 中重置此计数器

像这样

CSS

body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}

HTML

<h1>HTML tutorials</h1>
<h2>HTML Tutorial</h2>
<h2>XHTML Tutorial</h2>
<h2>CSS Tutorial</h2>

<h1>Scripting tutorials</h1>
<h2>JavaScript</h2>
<h2>VBScript</h2>

<h1>XML tutorials</h1>
<h2>XML</h2>
<h2>XSL</h2>

[演示][2]

---

更新的演示

Answer 4

演示

CSS

ul {
    counter-reset:myCounter;
    list-style:none;
    padding:0;
    margin:0;
}    
ul li {
    padding-left:30px; /* adjust it to your custom font needings */
    position:relative;
    counter-increment:myCounter;
}
ul li:before {
    content:"("counter(myCounter)") ";
    position:absolute;
    left:5px;
}​

HTML

<ul>
<li>Content here<br>and here<br>and here</li>
<li>Some more content here<br>and here<br>and here</li>
</ul>​