title: Don't redirect on button click with css
body: <p>I have a button inside a link, how can I make it so that clicking on the button will not cause a redirect, but clicking outside the button will.</p>
  
  <pre><code>&lt;a href="http://google.com" class="block"&gt;
    &lt;button&gt;Don't redirect on click&lt;/button&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Is it possible to do with css only?</p>
  
  <p>See here:
  <a href="https://jsfiddle.net/d4mr7mm6/" rel="nofollow">https://jsfiddle.net/d4mr7mm6/</a></p>