html - 无序列表项的文本对齐

Question

我想知道是否有任何方法可以使无序列表项的文本显示为标准圆盘/点列表项图标旁边的“列”？做了一对截图:

这是在列表项 (li) 中使用带有一些文本的标准无序列表时的样子:

这就是我想要的样子:

如果没有任何图像/div hacks 这可能吗？ ;-) 我四处搜索，看看是否有任何标准的 CSS 设置，但我似乎找不到。

提前致谢!

祝一切顺利

博

Answer 1

list-style-position 是您正在寻找的属性。它适用于所有浏览器。 (有关详细信息，请参阅 MDN)

ul {
   list-style-position: outside;
   /* You may want to add an additional padding-left: */
   padding-left: 1.5em;
}

但实际上外面是默认值。您可能会在其他地方覆盖它。