css3Ribbon.css

.ribbon{
	width: 100%;
	margin: 50px auto;
	padding: 7px 0;
	background:#76c65f;
	position: relative;
}

.ribbon-text{
	display: inline-block;
	width: 100%;
	position: relative;
	font-family: sans-serif;
	font-size: 20px;
	text-align: center;
	text-shadow: 1px 1px 0 #9ed88d;

}

.ribbon-text:before, .ribbon-text:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	position: absolute;
	bottom: -23px;

}

.ribbon-text:before {
	left:0;
	border-color: #2b4a23 #2b4a23 transparent transparent;
}

.ribbon-text:after {
	right: 0;
	border-color: #2b4a23 transparent transparent #2b4a23;
}

.ribbon:before, .ribbon:after{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-width: 18px;
	border-style: solid;
	bottom: -16px;
	z-index: -1;

}

.ribbon:before {
	left: -20px;
	border-color: #76C65F #76C65F #76C65F transparent;

}


.ribbon:after {
	right: -20px;
	border-color: #76C65F transparent #76C65F #76C65F 
}