title: Keeping an :after element on ellipsis
body: <p>I want to have an icon (checkmark) behind a line with variable width.
  if the line becomes too long, i want it to be truncated with ellipsis.
  But the checkmark is supposed to stay AFTER the ellipsis</p>
  
  <p><a href="https://jsfiddle.net/Lkvt39re/" rel="noreferrer">https://jsfiddle.net/Lkvt39re/</a></p>
  
  <pre><code>.inner {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>i've set the width to 80%, and want to have the <code>:after</code>inserted ..well, after the ellipsis.</p>
  
  <p>how can i do that?</p>
  
  <p>Thanks</p>