<table>
  <thead>
    <tr>
      <th></th>
      <th>line-height: 1.5</th>
      <th>line-height: 1.1</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>font-size: 10px</th>
      <td class="ok">Lorem ipsum dolor sit amet, consec tetur adip iscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consec tetur adip iscing elit, sed do eiusmod tempor incididunt.</td>
      <td>Lorem ipsum dolor sit amet, consec tetur adip iscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consec tetur adip iscing elit, sed do eiusmod tempor incididunt.</td>
    </tr>
    <tr>
      <th>font-size: 50px</th>
      <td>Lorem ipsum dolor sit amet, consec tetur adip iscing elit.</td>
      <td class="ok">Lorem ipsum dolor sit amet, consec tetur adip iscing elit.</td>
    </tr>
  </tbody>
</table>
table {
  max-width: 100%;
  border-collapse: collapse;
  
  td, th {
    border: 1px solid black;
    padding: .5rem;
  }
  
  th {
    background-color: gray;
    font-weight: normal;
    color: white;
    white-space: nowrap;
    font-family: sans-serif;
  }
  
  td.ok { color: green }
  td:not(.ok) { color: red }
}

tbody {
  td {
    vertical-align: top;
  }
  
  tr:nth-child(1) td {
    font-size: 10px;
  }
  
  tr:nth-child(2) td {
    font-size: 50px;
  }
  
  td:nth-child(2) {
    line-height: 1.5;
  }
  
  td:nth-child(3) {
    line-height: 1.1;
  }
}
View Compiled

External CSS

  1. https://super-simple.net/assets/css/codepen.css
  2. https://fonts.googleapis.com/css2?family=Oswald:wght@200&amp;family=BioRhyme+Expanded:wght@300&amp;family=Syncopate&amp;display=swap

External JavaScript

  1. https://super-simple.net/assets/js/codepen.js