如何在HTML中将列表项间的文本左移至项目符号左侧或更突出

太懂这种从LaTeX转HTML的憋屈感了！在LaTeX里处理列表间的文本排版得心应手，到HTML里反而容易卡壳😅

针对你要把插入的文本对齐项目符号甚至更靠左的需求，给你几个纯HTML（允许内联样式，毕竟这也是HTML的一部分）的解决方案：

方法1：用段落+内联样式调整缩进（最语义化） #

直接用<p>标签包裹插入的文本，通过margin-left的负值让文本左移，对齐甚至超过项目符号：

<ul>
  <li>第一个列表项的内容</li>
  <p style="margin-left: -1.2em;">这里是插入的文本，比项目符号还靠左一点</p>
  <li>第二个列表项的内容</li>
</ul>

这里的-1.2em是个参考值，你可以根据自己的需求微调——默认浏览器给<ul>的左缩进大概是1.2em左右，负数就能让文本往左“突出”，刚好对齐项目符号或者更靠左。

方法2：用无符号列表项实现（更贴合列表结构） #

把插入的文本放在一个去掉项目符号的<li>里，再调整左缩进，这样和列表的排版逻辑更统一：

<ul>
  <li>第一个列表项的内容</li>
  <li style="list-style-type: none; margin-left: -1.2em;">这里是插入的文本，和项目符号对齐</li>
  <li>第二个列表项的内容</li>
</ul>

这种方法的好处是，文本和列表项属于同一个列表结构，不会出现和父元素样式冲突的问题，排版更协调。

如果是完全不想写任何CSS（连内联都不行）的纯HTML，其实没有原生标签能直接实现这个效果——因为列表的缩进是浏览器默认样式控制的，硬要用纯HTML的话只能靠 反向空格，但不同浏览器的默认缩进不一样，效果很不稳定，不推荐。

内容的提问来源于stack exchange，提问作者schremmer