JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="click">
        <h3><a href="http://google.com/">Clickable everything</a></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec erat quis eros faucibus cursus. Curabitur sapien nisi, sagittis nec semper in, bibendum ac tortor.</p>
    </li>
    <br>
    <li class="click">
        <h3><a target="_blank" href="http://google.com/">In new window</a></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec erat quis eros faucibus cursus. Curabitur sapien nisi, sagittis nec semper in, bibendum ac tortor.</p>
    </li>
</ul>

CSS

* {font-family:sans-serif;}

JavaScript

/* Clickable divs - Copyright Xavi Esteve 2011 - Dual licensed under the MIT or GPL Version 2 licenses. http://xaviesteve.com/clickable-divs-jquery-plugin */
$('.click')
  .css("cursor","pointer")
  .click(function() {
    var link = $(this).find('a:first');
    var linkhref = link.attr('href');
    if (link.attr('target') ) {
      var nwin = window.open(linkhref, link.attr('target'));
      nwin.focus();
    }else{
      window.location = linkhref;
    }
    return false;
});