html - <li></li> 项上的边框，包括图像样式的元素符号

Question

如何在 <li> 上添加边框？包括样式元素符号的元素。

li{
   border:solid 1px gray;
}

上面的 CSS 规则只会给 <li></li> 的文本内容加上边框并且边框没有扩展到我设置为 png 图标的元素符号。

如何让每个 li 的底部边框延伸到列表元素符号，如第二个屏幕截图所示？

当前输出

期望的输出

Answer 1

像这样:

ul {
    list-style-position: inside;
}

默认情况下，您的元素符号位于 <li> 之外元素。