Is putting a div inside an anchor ever correct?

Question

I\'ve heard that putting a block element inside a inline element is a HTML sin:

What we have here is a          


        
      

Answer 1

If you want to avoid the semantic trouble of placing divs inside anchor tags, just place the anchor tag on the same level as the divs, wrap them all with a container with position: relative, make your anchor tag position: absolute and expand it to fill the container. Also if it's not on the end of the content flow make sure you throw a z-index in there to place it above the content.

As suggested I have added a markup code: