Как сделать перечеркнутый текст?

Question

[Дмитрий Акулич]

Вопрос до боли банален. Надо сделать кусок текста перечеркнутый.
Однако никакие манипуляции с селекторами и инлайновыми стилями не помогают...

Вот место где надо цену 4990 зачеркнуть - joxi.ru/ZrJ4b41U1a8eP2

Вот сайт - infocrypt-77.ru

Answer 1

[Александр Симонов]

text-decoration: line-through #000 !important; цвета не хватало

Answer 2

[Дмитрий C]

text-decoration: line-through solid red !important;

Answer 3

[Александр]

.price
{
    text-decoration: line-through;
}

text-decoration

Answer 4

[Дмитрий Дарт]

Вам именно через CSS? Можно с помощью HTML

<p>Обычный шрифт. <s>Зачеркнутый текст через тег s</s></p>
<p>Обычный текст. <strike>Зачеркнутый текст через тег strike</strike></p>
<p>Обычный текст. <del>Зачеркнутый текст через тег del</del></p>

Answer 5

[Nik_Set_7]

Через before или after в блоке с ценой, при этом указав position relative для блока
:before {
z-index:5;
position: absolute;
top: 50%;
left: 0;
content: '',
width: 100px;
height: 1px;
background: white;
}

Answer 6

[Дмитрий Акулич]

Результат:

теги не помогли, через псевдоэлемент можно, но возникали траблы при адаптации когда получался перенос символов.

помогло - text-decoration: line-through solid red !important; - про цвет в подобном месте я вообще никогда ранее не задумывался...