我有无序列表,里面有项目符号.我需要缩进列表项目.但是对于长时间运行的文本,样式不能按预期工作.我应该在边框内对齐它.这是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>
解决方法
这是你想要的？
http://jsfiddle.net/jHJXq/3/
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”,并在左侧添加了一些额外的填充.
