Использование псевдоэлемента для создания нестандартной строки, когда текст не переносится

Question

Как и выше, я хочу сделать пользовательскую строку через этот ответ на завернутый текст, а не через строку.Возможно ли это сделать?

Answer 1

Обновите ваш CSS и HTML, как этот CSS

    .text1 {
      font-size: 30px;
      width: 600px;
      background: yellow;
      position: relative;
      z-index: 0;
      color:#f10;
      text-decoration:line-through;

    }
    .text1 p{ color:#000; }
HTML

    <div class="text1"><p>Hellow World!Hellow World!Hellow World!Hellow World!</p></div>