css - 如何对齐删除线

Question

我有电子书，那本书中的一个列表有用元素符号划过列表的样式。我可以使用下面的代码击打子弹，但是击打线的对齐方式在子弹的底部，我无法将它带到顶部。谁能帮我找出解决方案。

通过编码划线@

ul.bullet3 li:before {
          margin: 0 0 0 -1em;
          width: 1em;
          content: '\2022';
          text-decoration: line-through;
}

Answer 1

您可以使用 <strike>击中 html 列表。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike

<ul>
    <li>one</li>
    <li><strike>one</strike></li>
    <li>one</li>
</ul>

JSFIDDLE DEMO