Как готовую кнопку сделать ссылкой?

Question

[fleshik]

как используя СSS сделать что б данная кнопка стала ссылкой и слово "кнопка" разместилось сбоку по середине, а не внизу https://jsfiddle.net/g9y6bkfu/4/

Answer 1

[Rsa97]

Никак. CSS для этого не предназначен.
Либо, меняете <button> на <a> и стилизуете её под кнопку, либо перехватываете событие нажатия на кнопку в JS и делаете нужный переход.

Comments

[fleshik]

пример кода можно как сделать при замене button на a

[Rsa97]

fleshik, https://jsfiddle.net/Lwrfoep7/

[fleshik]

а как сделать чтоб слово "кнопка" было не внизу, а посередине

Answer 2

[scaardss]

<a class='as-button' href="https://example.com"> <img  src="http://a2goos.com/data_images/galleryes/bmw-535i/bmw-535i-01.jpg" alt="машина" width="35" height="25"> кнопка </a>

.as-button {
  display: flex;
  background-color: lightgray;
  border: 1px solid gray;
  padding: 0.2em;
  text-decoration: none;
  color: black;
  align-items: center;
}