title: How to position a div at the bottom of a table cell?
body: <p>I'm tired of searching and not being able to accomplish this: <strong>1 label at top left of a cell and the content at the bottom center.</strong> Trying to achieve this, I'm using 2 divs inside a TD, but I don't mind changing that as long as I can achieve the goal.</p>
  
  <ol>
  <li>I don't know the size of the labels (they can be translated into different languages and therefore taking different sizes).</li>
  <li>The original table will be taking half of an A4 Portrait in height. It's 7 (row) * 5 (columns) (with the exception of 1 single cell in the middle of it that I use rowspan="2")</li>
  <li>I've tried the "set the parent to <code>position: relative</code> and make the container <code>position: absolute; bottom: 0</code>" solution and I can't make it work.</li>
  <li>Basically, I want to have 1 label set to the <code>top left</code> and the content in the <code>bottom middle</code> of the cell. </li>
  <li>The 950px width is for printing purposes.</li>
  </ol>
  
  <p>Here is a jsfiddle link to exemplify my problem. 
  <a href="http://jsfiddle.net/o1L31qwu/" rel="nofollow">http://jsfiddle.net/o1L31qwu/</a></p>
  
  <p>Thanks in advance.</p>