make_a_block_clickable.css

/*
  MAKE the whole block actionable with CSS only.
  
  <div id="block" title="read more about ...">
    <h3><a href="...">Some title here</a></h3>
    <p>bla bla bla .... bla!</p>
  </div>
*/

#block {
  position:         relative;
  overflow:         hidden;
}

#block a:before {
  content:          '';
  display:          block;
  position:         absolute;
  top:              0;
  left:             0;
  right:            0;
  bottom:           0;
}

#block:hover {
  /* some nice hover state styling here */
}