html - CSS:元素符号和 <li> 之间的控制空间

Question

我想控制子弹插入它的 <li> 多少水平空间在 <ol> 中向右或 <ul> .

也就是说，而不是总是有

*  Some list text goes
   here.

我希望能够将其更改为

*         Some list text goes
          here.

或

*Some list text goes
 here.

我环顾四周，但只能找到向左或向右移动整个 block 的指令，例如，http://www.alistapart.com/articles/taminglists/

Answer 1

把它的内容放在一个相对定位的span中，然后你可以通过span的left属性来控制空间。

li span {
  position: relative;
  left: -10px;
}

<ul>
  <li><span>item 1</span></li>
  <li><span>item 2</span></li>
  <li><span>item 3</span></li>
</ul>