3.2.1 #permalink Linkify

Toggle example guides Toggle HTML markup

This is a bit of css magic to make an entire div clickable. Compare these two blocks, where the entire block is clickable on the left and only the text is clickable on the right. Note that the parent div must be relative positioned.

Example
click anywhere
 
click this text
Markup 
 <div class="grid-parent box_padded2">
  <div class="grid-3 grid-parent col_ggPrimary1Dark layout_center layout_centerVertical layout_rel box_verticalPadded2">
     <a href="#" class="col_whiteText link_subtle"><span class="link_linkify"></span>click anywhere</a>
  </div>
  &nbsp;
  <div class="grid-3 grid-parent col_ggPrimary1Dark layout_center layout_centerVertical layout_rel box_verticalPadded2">
     <a href="#" class="col_whiteText link_subtle">click this text</a>
  </div>
 </div>
Source: text/links.less, line 97