Is it right to add <span> tag inside <a> tag?

Question

I was wondering if we could add a span tag inside a tag....

<h2 style="text-align: left;"><a href="mydomain.com"><span style="font-weight: bold;">Dog dresses</span></a><br></h2> 

Is the above method right? Is it safe to use...???

I know that We can define some class here and let it go inside other elements like this.

<h2><a href="mydomain" class="bold">Dog dresses</a></h2>  .bold {font-weight: bold; } 

OR

<h2 class="bold"><a href="mydomain">Dog dresses</a></h2>  h2.bold a { font-weight: bold; } 

Please share your views..

Answer 1

Yes, it's fine. <span> is an inline element. Unless you add the css display: block; to it, it can go in the <a>.