css div with diagonal ending on left : <p>I want to create div with a diagonal side as shown in the image below:
<a href="https://i.stack.imgur.com/u9grW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u9grW.png" alt="Example of the desired outcome"></a></p>

<p>I would like to know what the best approach is. What I can think of now is to place 2 divs near each other and rotate one div.
I could also work with a background image, but I'm wondering what's the bes way.</p>

<p>Any information/links/tutorials is really appreciated</p>
