title: Vertical align not working inside table column
body: <p>I have a table with 4 cells (2 rows, 2 columns).</p>
  
  <p>Inside every cell I have a table with different heights.</p>
  
  <p>When I display this table I see this:</p>
  
  <p><a href="https://i.stack.imgur.com/YUiZl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YUiZl.png" alt="enter image description here"></a></p>
  
  <p>But I want them to be vertically on the top of their cell, like this:</p>
  
  <p><a href="https://i.stack.imgur.com/vCHxC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vCHxC.png" alt="enter image description here"></a></p>
  
  <p>I have tried to add this class to the external table:</p>
  
  <pre><code>.externalTable tr td  {
        vertical-align: top;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>.externalTable  {
        vertical-align: top;
  }
  </code></pre>
  
  <p>without success... any ideas?</p>