Okay, the topic title is a bit ambiguous, but essentially this is what I want to do ([see example](http://imgur.com/vEY8lWy “see example”)). I have several categories of services in _h1_ tags and I want this diagonal graphic element to sit adjacent to each title. Since the graphic is too wide, I want it to be clipped on the right side and the left side intact.
Thank you, nice use of the pseudo-element to create a block.
I’ve never seen percentages used with absolute positioning, can you explain how the _left: 100%_ moves the background exactly right of h1? For instance, if the block comes immediately after h1, why doesn’t _left: 0px_ work if it even needs to be defined at all?