半句话上的HTML文本装饰？

我想知道如何在

的特定部分而不是整个句子中添加文本装饰。下面是一段代码片段

我是一个列表项
从这里到这里应该有一条线，而不是这些单词添加另一个元素。将样式应用于该元素


span{
文字装饰：线条贯穿
}

我是一个列表项
从这里到这里应该有一行，而不是这些单词添加另一个元素。将样式应用于该元素


span{
文字装饰：线条贯穿
}

我是一个列表项
从这里到这里应该有一行，而不是这些单词
试试这个：


span{
文字装饰：线条贯穿
}

我是一个列表项
从这里到这里应该有一行，而不是这些单词
试试这个：


span{
文字装饰：线条贯穿
}

我是一个列表项
从这里到这里应该有一行，而不是这些单词，你需要用另一个元素来包装它。
span
元素通常用于：

HTML

<ul>
    <li>I'm a List item!</li>
    <li class="half-line"><span>From Here til here should have a line through,</span> not these words</li>
</ul>

这将把
文本装饰
属性应用于
类中的任何
span
元素。仅适用于半行
类。
您需要将其包装在另一个元素中。
span
元素通常用于：

HTML

<ul>
    <li>I'm a List item!</li>
    <li class="half-line"><span>From Here til here should have a line through,</span> not these words</li>
</ul>

这会将
文本装饰
属性应用于
类中的任何
span
元素。仅限半行
类。
将文本分成两个部分，每个部分具有不同的样式？将文本分成两个部分，每个部分具有不同的样式？