title: HTML CSS formatting: table row inherit content height
body: <p>How can I format a table row to inherit the height of the content? I wish to have something like
  <img src="https://i.stack.imgur.com/vMkCS.png" alt="enter image description here"></p>
  
  <p>I have tried </p>
  
  <pre><code>table{
     table-layout:fixed;
     width:700px;
   }
  </code></pre>
  
  <p>but that does not work</p>