title: How to clip the container by a fixed distance from its right edge?
body: <p>Just as in <a href="https://stackoverflow.com/questions/5142405/offset-a-background-image-from-the-right-using-css">Offset a background image from the right using CSS</a> I want to position my <code>shape</code> some absolute value relative to the right edge of the container.</p>
  
  <pre><code>clip-path: polygon(0 0, right 1em 0, 100% 50%, right 1em 100%, 0 100%, 0 0);
  </code></pre>
  
  <p>This should cut a triangle from the element on the right, which is 1em long.</p>
  
  <p>I cannot use % because then the triangle size would depend on the length of the element, which I don't want.</p>
  
  <p>Unfortunately it does not work this way. Is there another solution?</p>