Span inside anchor or anchor inside span or doesn't matter?

css, html, semantic-markup

Solution

3 - It doesn't matter.

BUT, I tend to only use a `<span>` inside an `<a>` if it's only for a part of the contents of the tag i.e.

<a href="#">some <span class="red">text</span></a>

Rather than:

<a href="#"><span class="red">some text</span></a>

Which should obviously just be:

<a href="#" class="red">some text</a>

Problem

I want to nest `span` and `a` tags. Should I - Put `<span>` inside `<a>` - Put `<a>` inside `<span>` - It doesn't matter ?

Original source