I removed the CSS from the example, but even without it, similar code in Firefox 3 will give a result that the customer would hardly like. Clicking on such a link leads to the appearance of two points in the lower left and upper left corner (this is easy to check on an empty document):<a href="#"> <div> Hello, bugs! </ div> </a>
div
inside the a tag, you instead need to assign the display:block
property to the style of the a tag itself. Block elements (div) inside string (a) are invalid.
Source: https://habr.com/ru/post/38829/