title: Make the right side of a div as an arrow
body: <p>I have a simple div on a page:</p>
  
  <pre><code>&lt;div&gt;Some Text&lt;/div&gt;
  </code></pre>
  
  <p>Is it possible, with CSS, to make it finish as an arrow. Something like:</p>
  
  <p><img src="https://i.stack.imgur.com/rVewT.png" alt="Div with Arrow"></p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>This is the result I see with web-tiki proposed solution:</p>
  
  <p><img src="https://i.stack.imgur.com/4utPI.png" alt="web-tiki proposed solution"></p>
  
  <p>See the cuts on the arrow?</p>
  
  <p>Thank You,
  Miguel</p>