我想控制子弹在<ol>或<ul>中向右推动<li>的水平空间。
也就是说，不是一直都有
* Some list text goes
here.
我希望能把它变成
* Some list text goes
here.
or
*Some list text goes
here.
我环顾四周，但只能找到将整个街区向左或向右移动的说明，例如http://www.alistapart.com/articles/taminglists/
当前回答
当您希望将文本移动到更靠近项目符号的位置时，即使您有多行文本，以下解决方案也很有效。
右边距使您可以将文本移动到更靠近项目符号的位置
文本缩进确保多行文本仍然正确对齐
李:{之前 内容:“”; margin-right: 5 px;/*调整使文本更靠近项目符号*/ ｝ 李{ indent: 5 px;/*对齐文本的第二行*/ ｝ < ul > <li> Item 1…李< / > <li> Item 2…这个项目有大量的文本，导致第二行!请注意，第二行是如何与第一行对齐的!李< / > <li> Item 3…李< / > < / ul >
其他回答
您可以使用ul li:before和背景图像，并分别将position: relative和position:absolute分配给li和li:before。通过这种方式，您可以创建一个图像，并将其定位到任何您想要相对于li的位置。
对于list-style-type: inline:
它几乎和DSMann8的答案一样，但css代码更少。
你只需要
<style>
li:before {
content: "";
padding-left: 10px;
}
</style>
<ul>
<li>Some content</li>
</ul>
干杯
您还可以使用背景图像替换作为替代方案，让您完全控制垂直和水平定位。
请看这个问题的答案
可以在列表项上使用padding-left属性(而不是在列表本身上!)。
ul
{
list-style-position:inside;
}
定义和用法
list-style-position属性指定列表项标记应该出现在内容流内部还是外部。
来源:http://www.w3schools.com/cssref/pr_list-style-position.asp
