title: Make a chevron tipped block in CSS
body: <p>Is it possible to make a shape like the one depicted below in pure CSS? How could I go about doing it?</p>
  
  <p>I would like a horizontal solid-filled block on a solid background, with a chevron at one end separated from the main block.</p>
  
  <p><img src="https://i.stack.imgur.com/jzrSa.jpg" alt="Example of what I would like to achieve"></p>