Ribbon

How to Create a Ribbon using CSS

In this tutorial we are going to learn how to make ribbon using CSS. You may play around with the CSS codes change the positions of the ribbon elements . Here's the code: CSS Code: .ribbon { font-size: 16px !important; width: 300px; position: relative; background: #C50F0F; color: #fff; text-align: center; padding: 1em 2em; margin: 2em auto 3em; } .ribbon:before, .ribbon:after { content: ""