Разное положение декоративной линии

Подчеркнём и зачеркнём ошибочный текст с помощью свойства text-decoration-line.

Эффект будет точно таким, если ошибочный текст зачёркнуть и подчёркнуть с помощью свойства text-decoration.

Исходный код этого примера:

<style>
    .s1 {
        text-decoration-line: underline line-through;
        text-decoration-color: red;
    }
    .s2 {
        text-decoration: underline line-through;
        text-decoration-color: red;
    }
</style>
<p>
    Подчеркнём и зачеркнём
    <span class="s1">ошибочный текст</span> с помощью свойства text-decoration-line.
</p>
<p>
    Эффект будет точно таким, если
    <span class="s2">ошибочный текст</span> зачёркнуть и подчёркнуть с помощью свойства text-decoration.
</p>