Как сделать текст снова белым и без черточки(тег )?

Question

[paul1734]

html:

<div class = 'box'>
     <button class = "shy"><h2><a href ="/c.html>text</a></h2></button>
</div>

css:

.sh {
  background-color: #6a61e6;
  border: none;
  width: 300px;
  height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 32%;
  color: white;
  border-radius: 10px;
}

без тега A текст белый и без черточки, текст синий и с черточкой. Как сделать снова белым и без черточки?

Comments

[Lynn «Кофеман»]

Замечание не по теме: не нужно вкладывать в кнопку заголовок и тем более ссылку.

[Ankhena]

Вот так:

<a class="shy" href="/c.html">text</a>

.shy {
  background-color: #6a61e6;
  display: block;
  width: 300px;
  margin: 0 auto;
  padding: 0.969em 2em;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 10px;
}

В действии: https://jsfiddle.net/y21f7nmu/

---
1. Всегда проверяйте свой код валидатором. Нельзя вкладывать тег a в button.
2. h2 это заголовок. Очень сомнительно, чтобы он находился в кнопке.
3. Определитесь, что делает элемент.
Если куда-то переводит пользователя (на другую страницу или к якорю на текущей), то это ссылка.
Если по клику происходит какое-то действие (например, отправка формы или расчет калькуляции), то кнопка
4. Следите за тем какие классы пишете в разметке и что получается в css.
У вас сейчас в разметке shy, а в стилях .sh
5. Следите за кавычками. Сейчас потерялась.
Хороший редактор кода всегда подсветит такие места (VS Code, WebStorm и т.д.)
Даже на этом сайте видно, что подсветка кода изменилась после забытой кавычки.