如何在html ul li标记中制作缩进

我有无序列表，其中包含项目符号。我需要缩进列表项。但是，对于长时间运行的文本，该样式不能按预期工作。我应该让它在边框内对齐。这里是CSS代码如何在html ul li标记中制作缩进

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc inside none; 
    padding: 10px; 
}

这里是例如HTML

<div style="padding:20px"> 
    <ul> 
     <li>Should be minimum of 8 characters</li> 
     <li>A long running text A long running text A long running text A long running text A long running text</li> 
     <li>Should have at least one number</li> 
    </ul> 
</div>

enter image description here

JS小提琴链接：http://jsfiddle.net/jHJXq/

来源

2012-02-07 bragboy

这是你在找什么？ http://jsfiddle.net/jHJXq/3/

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc outside none; 
    padding: 10px 10px 10px 25px; 
}

我改变了列表样式向“外”，并提出了一些额外的填充左侧。

enter image description here

来源

2012-02-07 19:30:09 IMI

非常感谢您 – bragboy 2012-02-08 08:07:48

这就是我想..非常感谢你。 – 2016-10-22 00:06:08

改变列表风格从内到外

list-style: disc outside none;

来源

2012-02-07 19:29:43

添加样式的LI：

li { 
    margin-left:15px; 
}

来源

2012-02-07 19:29:52

正是我一直在寻找感谢.. – whizcreed 2015-02-07 04:14:53

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc; 
    padding:10px; 
} 

li{ 
    margin-left:10px; 
}

来源

2012-02-07 19:36:00

如何在html ul li标记中制作缩进

回答

相关问题