title: 100% height in a td, positioning the text in the vertical middle
body: <p>I am currently using EvoPDF (HTML to PDF) to build up a report in C#. </p>
  
  <p>In this report we have a table, looking something like this in the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/bk48srw1/3/" rel="nofollow noreferrer">http://jsfiddle.net/bk48srw1/3/</a></p>
  
  <p>with the important part:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;label for something&lt;/td&gt;
      &lt;td style="position:relative;" rowspan="99999"&gt;
      &lt;div id="absolute"&gt;
          &lt;div class="centerd"&gt;
          &lt;span&gt;value for all&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The idea is that there are a variety of products, but they will have the same value in the second column, hence:</p>
  
  <pre><code> rowspan="99999"
  </code></pre>
  
  <p>The client wants the styling (border and background) to span the height of the second column, with the text in the middle. I have tried the position absolute,  display:table, as well as vertical-align.</p>
  
  <p>I cannot use a solution like <a href="https://stackoverflow.com/questions/28053138/vertically-align-text-in-a-span-with-fixed-width-and-height/">Vertically align text in a span with fixed width and height</a>
  because I have no idea what the height would be (there could be an arbitrary number of tr's)</p>
  
  <p>How do I make the div 100% height of the td, with the text displaying in the middle?</p>
  
  <p>My preference is not to use JS, seeing that this code doesn't see a browser at all. </p>
  
  <p>For styling purposes, I need to have about 3px padding inbetween the td and the div, seeing that I cannot add cellspacing to only 1 td. </p>