title: overflow: hidden behind padding
body: <p>Is it possible to define where overflow: hidden begins based on padding?</p>
  
  <p>For example, I currently have a table in which I have a long string. There is padding on the left, but the length of the string exceeds the td, so overtflow hidden is triggered. I would like the overflow: hidden to trigger at the beginning of the padding rather than the end of the td.</p>
  
  <p><a href="https://i.stack.imgur.com/v1dwy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/v1dwy.png" alt=""></a></p>
  
  <p><a href="https://i.stack.imgur.com/Rh44d.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Rh44d.png" alt=""></a></p>
  
  <p>Essentially I would like the overflow: hidden to begin at the start of the far right red line.</p>
  
  <pre><code>.order-table td {
    padding: 1em 3px;
    border-left: #ddd 1px solid;
    font-size: 0.9em;
    overflow: hidden;
  }
  </code></pre>