Чтобы переход был вся кнопка, а не только нажатие по тексту?

Question

[Константин KOltin]

<div class="button_orange"><a href="#">Скачать</a><small>Размер: 84Mb</small></div>

.button_orange {
    background-color: #fb9e53;
    width: 200px;
    height: 60px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    color: white;
	padding: 10px;
	margin-top: 10px;
}

.button_orange a {
    cursor: pointer;
    text-align: center;
    color: white;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	position: relative;
}

.button_orange small {
    cursor: pointer;
    text-align: center;
    color: #2b2a2a;
    margin-top: 5px;
    float:left;
    font-family: 'Montserrat', sans-serif;
	font-weight: 400;
        
}

.button_orange:hover {
  background-color: #b26424;
  cursor: pointer;
    
}

.button_orange:active {
  box-shadow: none;
  top: 5px;
  color: #008000;
}

Answer 1

[Шохрух Шаймардонов]

Поменяй порядок вложенности тегов. a вынеси из div и div оберни a

Answer 2

[Ankhena]

<a class="button_orange"  href="#">Скачать<small>Размер: 84Mb</small></a>

и нужный display задать для button_orange

Answer 3

[Владимир]

<a href="#"><div class="button_orange">Скачать<small>Размер: 84Mb</small></div></a>

Comments

[Ankhena]

div лишний.
Но если зачем-то нужен, то лучше все таки span, мы же не знаем родителей ссылки.

Answer 4

[Макс]

Нужно поместить тег button внутрь тега a

<a href="#"><div class="button_orange">Скачать<small>Размер: 84Mb</small></div></a>

Comments

[Макс]

Поправка тег div*