Я пробовал создать кнопку В HTML, которая будет go зависать в строке ввода, как вкладка в браузере, но когда я пытаюсь щелкнуть по ней; он работает только тогда, когда мой курсор находится над шрифтом. Пожалуйста, помогите, если кто-нибудь может включить использованный мной код.
<font size="3" style="font-family:'Helvetica Neue', 'Segoe UI', 'Nimbus Sans L', 'Liberation Sans', 'Open Sans', FreeSans, Arial, sans-serif;text-decoration:none;display:block;width:190px;background: #1ECC39;
background: -moz-linear-gradient(top, #1ECC39 0%, #1FD13A 0%, #169128 100%);
background: -webkit-linear-gradient(top, #1ECC39 0%, #1FD13A 0%, #169128 100%);
background: linear-gradient(to bottom, #1ECC39 0%, #1FD13A 0%, #169128 100%);
border:1px solid grey;color:rgb(116, 116, 116);border-radius: 3px 3px 1px 1px;margin-bottom:-52px;border-bottom:none;margin-top:50px;margin-left:-230px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);"><a href="source_code.zip" download>
<span style="color:white;"><div class="hoveredbutton">Download source code!</div></span>
</a>
</font>