title: set same height for anchor, li and span
body: <p>I'm trying to build a screen like this:</p>
  
  <p><img src="https://i.stack.imgur.com/UojaH.png" alt="enter image description here"></p>
  
  <p>How can I put my span and anchor elements to grow in height to be with same height of the li?</p>
  
  <p>I already started with this example <a href="http://jsfiddle.net/Gh6mB/1/" rel="nofollow noreferrer">http://jsfiddle.net/Gh6mB/1/</a></p>
  
  <p>My center column should expand in height and width. The left and the right column should expand in height but should keep the width fixed.</p>
  
  <p>Is there anything I can do to simplify this?</p>