没有缩进的HTML Bullet点

Question

我正在创建一个HTML电子邮件，并希望创建没有缩进的项目符号。 因为它是一封电子邮件，它必须是html和内联CSS。 有没有办法编辑你的子弹设置？ 这些是多线子弹。

Answer 1

只是把• 在行的开头，而不是列表：

&bull; List item here<br />
&bull; Another list item here

呈现为：

•此处列出项目
•此处的另一个列表项

通过这种方式，您可以确保它在电子邮件客户端中保持一致。

Answer 2

无序列表标记具有分配给它的默认填充，您可以通过给出margin-left: -10px css来覆盖它。 这应该可以解决您的问题。

在给出0px填充时，最终会丢失子弹。

谢谢

Answer 3

您可以指定两个属性的选项来改变项目符号的位置： list-style-position: outside; list-style-position: inside; list-style-position: outside; list-style-position: inside;

然后相应地调整填充。

在Codepen上查看此示例 。

但是，您仍然需要处理各个电子邮件客户端中的显示差异。

Answer 4

只需将UL边距和填充设置为零即可。

<ul style="margin:0;padding:0">
  <li></li>
</ul>