[英]How to make indentation in html ul li tag
我有无序列表,其中有项目符号。 我需要在列表中缩进列表项。 但是对于长时间运行的文本,样式不能按预期工作。 我应该在边框内对齐它。 这是css代码
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>
JS小提琴链接: http : //jsfiddle.net/jHJXq/
这是你想要的? 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;
}
我将列表样式更改为“outside”,并在左侧添加了一些额外的填充。
为LI
添加样式:
li {
margin-left:15px;
}
将列表样式从内部更改为外部
list-style: disc outside none;
ul{
background-color: #FFFFFF;
border: 1px solid black;
border-radius: 3px 3px 3px 3px;
list-style: disc;
padding:10px;
}
li{
margin-left:10px;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.