<Html>

How to Create a Ribbon using CSS

Submitted by Jeprox on
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: ""