title: Is it right to add <span> tag inside <a> tag?
body: <p>I was wondering if we could add a span tag inside a tag....</p>
  
  <pre><code>&lt;h2 style="text-align: left;"&gt;&lt;a href="mydomain.com"&gt;&lt;span style="font-weight: bold;"&gt;Dog dresses&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;/h2&gt;
  </code></pre>
  
  <p><strong>Is the above method right? Is it safe to use...???</strong></p>
  
  <p>I know that We can define some class here and let it go inside other elements like this.</p>
  
  <pre><code>&lt;h2&gt;&lt;a href="mydomain" class="bold"&gt;Dog dresses&lt;/a&gt;&lt;/h2&gt;
  
  .bold {font-weight: bold; }
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>&lt;h2 class="bold"&gt;&lt;a href="mydomain"&gt;Dog dresses&lt;/a&gt;&lt;/h2&gt;
  
  h2.bold a { font-weight: bold; }
  </code></pre>
  
  <p>Please share your views..</p>