title: Disable href in inner element of div
body: <p>I have a question. How can i disable href from inner element of div when href is placed in the parent element? Maybe I try to visualize it:</p>
  
  <pre><code>&lt;span class='img' href="someLink"&gt;
    &lt;div class="main"&gt;
      &lt;h2 contenteditable="true"&gt;Some txt&lt;/h2&gt;
    &lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I want to disable <code>href</code> function from <code>&lt;h2&gt;</code> (because I want to edit it by clicking on them, now as you know I am redirecting to href url), and left it in other html elements. How can i do that? Is there any option to do it using only html tag(s)? Or the only one option is to use js / jQuery? Can u give me an example or solution?</p>