How to get 'div' shaped as a flag with CSS

Question

I want to add a label on some of my elements on a website and design for a label that is a flag with an inverted V-shaped cut at the bottom.

So far I have this:

Answer 1

A quick workaround is to rotate it:

 transform: rotate(90deg);

Fiddle

---

Another solution would be an SVG path, here's a fiddle!.