css - 无序列表(要点)- 缩进

Question

我想显示一个无序列表，其中包含 url 并相互缩进(但所有行都对齐/向左)

* line one text text ted
  more text text
  text
* line two text ted
  more text text
  text
* line three text ted
  more text text
  text  

我希望 *(圆点)缩进，但所有文本都从同一位置开始。

我有以下但它不起作用(文本大小错误，显示有空格和越界):

<ul id="subvmtext">        
<li><a href ="breakfast">breakfast</a></li>
<li><a href ="breakfast">breakfast</a></li>
<li><a href ="breakfast">breakfast</a></li></ul>

我的文件中还有其他 css，它使我的文本字体非常小，所以如果你能将它们全部内联，那就太好了。

**编辑下面列出的解决方案就差不多了

<ul style='list-style-position: outside'>
    <li>Outside list</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item with a <br />line break</li>
</ul>

但是我的文本的第二行显示了一个要点

Answer 1

您要找的特性是list-style-position .默认值为 outside，这就是您要查找的内容。看代码:

<ul style='list-style-position: inside'>
    <li>Inside list</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item with a <br />line break</li>
</ul>

<ul style='list-style-position: outside'>
    <li>Outside list</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item with a <br />line break</li>
</ul>