title: CSS table td vertical-align text-top
body: <p>I have problem with vertical-align to text-top on tables</p>
  
  <p>I have globally set at table <code>td</code> to <code>vertical-align: middle</code>.</p>
  
  <p>Now I need to change <strong>only one</strong> <code>td</code> to <code>vertical-align: text-top</code></p>
  
  <p>The problem is, that all variant that I tested set <code>vertical-align:text-top</code> are shown as <strong>top</strong> only </p>
  
  <p>("xxxx" in image is not at same line as "yyyy")</p>
  
  <p>Only one variant is working as <code>text-top</code>, and that is change globally style of all <code>td</code> (I don't want this, I need to change <strong>only one</strong> <code>td</code>)</p>
  
  <p>SEE IMAGES</p>
  
  <p>Setting as local style is shown as <strong>top</strong>
  <a href="http://aukro.svecpetr.com/style.png">local style http://aukro.svecpetr.com/style.png</a></p>
  
  <p>Setting as class is shown as <strong>top</strong>
  <a href="http://aukro.svecpetr.com/class.png">local style http://aukro.svecpetr.com/class.png</a></p>
  
  <p>Changing global <code>td</code> has the right effect of <strong>text-top</strong>
  <a href="http://aukro.svecpetr.com/global-style.png">local style http://aukro.svecpetr.com/global-style.png</a></p>
  
  <p><strong>EXAMPLE</strong> you could find at
  <a href="https://zbozimat.cz/test.php">https://zbozimat.cz/test.php</a></p>
  
  <p>Could somebody help me?</p>