title: How to make HTML table cell content to occupy all the cell rows?
body: <p>I have this table - <a href="http://jsfiddle.net/mark69_fnd/cgwyJ/" rel="nofollow noreferrer">http://jsfiddle.net/mark69_fnd/cgwyJ/</a></p>
  
  <p>Notice, the last column - Notes, it spans all the rows.</p>
  
  <p>How can I make its content to occupy all the rows, rather than cause the table to be the width of the page?</p>
  
  <p>I am looking for something like <a href="http://jsfiddle.net/mark69_fnd/cgwyJ/4/" rel="nofollow noreferrer">http://jsfiddle.net/mark69_fnd/cgwyJ/4/</a>, <strong>only without resorting to the width css parameter</strong>.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Exhibit A:</p>
  
  <p><img src="https://i.stack.imgur.com/Zn9xc.png" alt="enter image description here"></p>
  
  <p>Exhibit B:</p>
  
  <p><img src="https://i.stack.imgur.com/H5eqn.png" alt="enter image description here"></p>
  
  <p><strong>EDIT 2</strong></p>
  
  <ol>
  <li>I am not looking for a fixed width table. I just want the row spanning cell to utilize the vertical space efficiently.</li>
  <li>Please, do not provide answers involving the width. If you think either width or &lt;br/&gt; are needed, then you can just reply with "Nope, that's impossible".</li>
  </ol>
  
  <p><strong>EDIT 3</strong></p>
  
  <p>OK, there is a great deal of confusion around my question. Probably, because it is not formulated clearly. </p>
  
  <p>Of course, there is a width limit involved somewhere underneath, but it is not a constant. It cannot be baked into the CSS. This is because it is a function of the following parameters:</p>
  
  <ul>
  <li>The height of the available vertical space (<code>N</code>)</li>
  <li>The average height of the characters <strong>in the given font</strong> (<code>A</code>)</li>
  <li>The length of the given text, when presented on a single line, again <strong>in the given font</strong> (<code>B</code>)</li>
  </ul>
  
  <p>Given these parameters, the required width is <code>A * B / N</code>. So, there is a well defined way to formulate what I want, but you just cannot express it with a constant width. So, my question is this - are there means to achieve this declaratively (i.e. in HTML/CSS) using some other attributes/properties?</p>
  
  <p>Hope this clarifies a bit the picture.</p>