How can I make an entire div a link, but also have other links inside?

Viewed 2803

I have a div. I want it to link somewhere when you click on it, but I also want to put other links inside it, so when you click on the other links you're redirected to one place, but if you click anywhere else you're redirected somewhere else.

Here's a simple example. As it is, the "interior" link is located outside of the "exterior" link, no matter what I do.

<a href="#" class="exterior">
  <a href="#">interior</a>
</a>

fiddle: https://jsfiddle.net/p4ugexf4/

6 Answers
Related