缩进列表中的缩进文本

Question

我想显示我的文字内容，如下图所示。怎么做？ 我尝试了this，但它没有从第二行缩进。 我还尝试将该内容放入＆lt;表＆gt;有2行和2列，但问题是我不能保证＆lt;表＆gt;如我所愿。 ＆LT;表＆gt;有很多边距和填充问题。

更新

代码缩进正确，但问题是我不能像我想要的那样边缘化。

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

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

Answer 1

我认为你正在寻找这个fiddle。

这是使用普通列表和CSS counter来创建列表编号。它会在每次ol时重置，从头开始。

来源：StackOverflow: How can you customize the numbers in an ordered list?

Answer 2

你的意思是this吗？

<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;
}

Answer 3

的 的 ** [Demo][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>

[Demo][2]

---

更新了 Demo

Answer 4

<强> Demo

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>​