无序列表（项目符号点） - 缩进

Question

我想显示一个无序列表，其中包含网址并缩进（但所有行都在左侧对齐）

* 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，这正是您要查找的内容。见代码：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的其他CSS很可能会干扰缩进。否则所有的线都会在左边对齐，就像你想要的那样。见下文。

<div style="width:100px;">
   <ul id="subvmtext">        
     <li><a href ="breakfast">breakfast at tiffany's</a></li>
     <li><a href ="breakfast">breakfast at tiffany's</a></li>
     <li><a href ="breakfast">breakfast at tiffany's</a></li>
   </ul>
</div>

如果您使用其余CSS发布jsfiddle，我可以提供更多帮助。

Answer 3

将此添加到您的CSS

JSFIDDLE

<强> CSS

li:before {
    content: "* ";
}

li{
    list-style:none;
}