Html 如何缩进<；李>；正确的

在我的有序列表中，我需要文本缩进大约40-50px。我尝试使用以下方法：

.shift{
    margin-left: 40px;
    padding-left: 30px;
}

<ol>
<li class="shift">

<div class="entry-content-wrapper">
  <div>
  <ol>
    <li>Test One</li>
    <li>Test Two</li>
    <li>Test Three</li>
  </ol>
    </div>    
</div>    

.shift{
左边距：40px；
左侧填充：30px；
}

首先尝试边距，然后填充边距。什么都不管用。怎么办？感谢您在ol/ul上设置了一个填充或边距来抵消项目，因此

ol { padding:0; margin:0; }
ol > li{ margin-left: 40px; }

---

将为您提供所需内容。

使用css文本缩进，这不能应用于内联元素，因此您可以将文本放在某个div或p中，然后对内部块元素使用文本缩进

比如说

<ul>
    <li>
        <p style="text-indent: 10px;">text</p>
    </li>
</ul>

文本

假设您的HTML类似于以下内容：

.shift{
    margin-left: 40px;
    padding-left: 30px;
}

<ol>
<li class="shift">

<div class="entry-content-wrapper">
  <div>
  <ol>
    <li>Test One</li>
    <li>Test Two</li>
    <li>Test Three</li>
  </ol>
    </div>    
</div>    

我删除了前面的CSS，但使用了您提供的所有其他CSS，并添加了以下代码：

ul, ol { margin-bottom: 20px; } ul { list-style: none outside; margin-left: 0px;} ol { list-style: decimal; margin-left: 0px; } ol, ul.square, ul.circle, ul.disc { } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc, .entry-content-wrapper ul { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 0px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }

.entry-content-wrapper .borderlist>li:first-child { border-top:1px solid; } .entry-content-wrapper .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;}

.entry-content-wrapper li { 
    margin-left: 40px; 
    padding:0 30px;
    margin-bottom:10px;
}
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0;
    padding-left:0;

}
ol > li{
    list-style:none;
}
ol > li::before {
    content: "(" counter( li ) ")"; /* Use the counter as content */
   counter-increment:li; /* Increment the counter by 1 */
    padding-right:30px;
    list-style:outside;
}
li {
 width:300px;   
 padding-right:30px;
 text-indent: -50px;

}

现场演示

---

当伪元素标记在主要浏览器中可用时，结果基本上可以实现您将更容易实现的功能。

。HTML的其余部分看起来如何？您希望缩进

中的所有文本行，还是只缩进第一行？如果您继续使用css，您应该发布所有css。我希望缩进全文。实际上，这是一个完整的主题，从TF开始。我把它放在快速CSS中。这是列表的样式表：你确定吗？这与你的答案大不相同。这与问题中给出的代码没有什么不同（按边距）。我们没有足够的信息来说明用户代码到底出了什么问题。除了猜测，没有。我希望数字后的文本缩进。你的例子改变了整个事情。啊，我们终于到了某个地方。。。您想创建样式：：marker伪元素（）。但我认为它还没有进入主流浏览器。至于现在，我认为计数器是唯一的选择。请参阅：如何添加我想要创建的图像？它仅部分有效。我将内容用作

文本标题，描述文本。根据您的建议，我确实使用了as

标题说明，但只有标题得到了缩进。我将该div div ol li放入custom.css中，并修改了解决方案。请看一下以上内容是否适用于您。