Positioning a little triangle below header

What is the best practice to positioning a little triangle just below the header?
Any tips or opinions?.



If your browser support is ie8+ then I would use :after to place a mitred border in the appropriate position.

Most Ribbon effects use this method.

Thanks Paul, I will try your advice.
Have a nice day!