Как сделать такой треугольник ниже заголовка css?

Question

[Виорел]

Картинка

Answer 1

[Олег]

http://codepen.io/werty1001/pen/xRerwa

Answer 2

[Lumore]

apps.eky.hk/css-triangle-generator

Answer 3

[Vladimir T]

Через :after делаете квадрат и позиционируете его абсолютно и поворачиваете на 45 градусов. залив при этом тем же цветом что и основной блок