Можно ли как-то заставить кнопку работать внутри ссылки?

Question

[Руслан]

Здравствуйте!
Есть блоки div, обернутые ссылкой. То есть при клике по любому из них происходит переход по ссылке. Но в одном из div-ов есть кнопка. Но при клике по кнопке все равно срабатывает ссылка, которой обернуты все блоки. Монжо заставить срабатывать кнопку?
Вот код:

<a href="{href}" class="main-users_table__table_tr_a">
	<div class="main-users_table__table_tr_a_td number">{id}</div>
	<div class="main-users_table__table_tr_a_td image">
		<img src="{img_href}" alt="First step">
	</div>
	<div class="main-users_table__table_tr_a_td name">{title}</div>
	<div class="main-users_table__table_tr_a_td status">{status}</div>
	<!-- <div class="main-users_table__table_tr_a_td"><button>Удалить</button></div> -->
	<div class="main-users_table__table_tr_a_td but">
		<input class="del_project" type="button" form="del_project" data-id="{id}" value="Удалить" {del_status}>
	</div>
</a>

Comments

[VolgaVolga]

Можно, но не нужно. К тому же не семантично размещать блочные элементы внутри строчного.

[ThunderCat]

вынести див за а по какой причине не судьба?

[Руслан]

ThunderCat, потому что на теге a display flex стоит и все div в один ряд стоят

[Ankhena]

Руслан, вытащите кнопку из ссылки.
Либо вытащите и ссылку и кнопку.
Дальше гридами или абсолютами.
Макета нет, поэтому сложно сказать конкретнее.

Если лень читать спеку, что во что можно вкладывать, то вот сервис https://caninclude.glitch.me/
Да и валидатор всегда подскажет, если творите что-то не то.

Кнопки заметно удобнее делать тегами button.