Как сделать кнопку?

Question

[Edward]

HTML

spoiler

<div class="buy">
                    <p>Buy</p>
                </div>

CSS

spoiler

.buy {
    border: 3px solid white;
    border-radius: 15px 15px 15px 15px;
    background: white;
}

.buy p {
    color: #445162;
    font-size: 30px;
    font-weight: bold;
    margin-left: 120px;
}

Как сделать что бы при нажатии на весь блок перекидывало на определенную стр.
Через тэг "a", не получилось сделать..

Comments

[Андрей Б.]

<a href="https://webref.ru/html/a" class="buy">Buy</a>

[Edward]

Андрей Б.: когда ставлю "a" бордер теряет свои размеры

Answer 1

[Pavel]

https://jsfiddle.net/dcwshwyv/

<a href="#" class="buy">
<p>Buy</p>
</a>

.buy {
    /* ... */
    display: block;
    text-decoration: none;
}

Answer 2

[Yeldos Adetbekov]

href?

Comments

[Yeldos Adetbekov]

display: block;

Answer 3

[Дмитрий]

Пример моей кнопки где вся зона тыкабельна (если я правильно понял)

.form .form_submit {
    background: #feb500;
    color: #fff;
    margin-top: 1.3vw;
    font-size: 1.4vw;
    font-weight: bold;
    font-family: BebasNeue;
    cursor: pointer;
}

style.css:158
.form input {
    width: 300px;
    height: 40px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.3vw;
    text-align: center;
    font-size: 1.15vw;
    font-family: CatorzeSemiBold;
    color: #a2a1a1;
    background: #f3f2f2;
    border: none;
    outline: 0;
}

в html input type="submit"

вот 2 пример

.button_footer_a {
    width: 270px;
    margin: 0 auto;
    height: 40px;
    margin-top: 15px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    color: #fff;
    background: #3498db;
    display: block;
}