Не удается удалить подчеркивание по ссылке

Question

У меня есть простой div в теге привязки, и я пытаюсь удалить синюю ссылку из ссылки.

.removelinkdefault { 
 
    color: black; 
 
    text-decoration: none !important; 
 
}

<a href="/user/reillylawless23"><div class="removelinkdefault">Reilly Lawless</div></a>

Вся документация, я видел, говорит, чтобы использовать text-decoration: none; однако не кажется, работает:

Что я делаю не так и как это исправить Это?

Answer 1

Попробуйте добавить class="removelinkdefault" к ссылке (a) вместо DIV

.removelinkdefault { 
 
    color: black; 
 
    text-decoration: none; 
 
}

<a href="/user/reillylawless23" class="removelinkdefault"><div>Reilly Lawless</div></a>

Кроме того, теперь вам не нужно !important

Answer 2

Удалить подчеркивание элемента анкера, а не div:

a { 
    text-decoration: none; 
} 

Answer 3

ссылки являются <a> тег, а не <div>

a { 
 
    color: black; 
 
    text-decoration: none !important; 
 
}

<a href="/user/reillylawless23"><div class="removelinkdefault">Reilly Lawless</div></a>