CSS3 Ribbon

HTML

<div class="ribbon2">Ribbon 2</div>

CSS

.ribbon2 {
  font:bold 16px Cambria,Georgia,Times,Serif;
  color:#fff;
  width:60%;
  padding:0px 30px;
  background:#01943C;
  position:relative;
  line-height:48px;
  margin:50px auto;
  -webkit-transform:rotate(-45deg) translate(-50px, 120px);
  -moz-transform:rotate(-45deg) translate(-50px, 120px);
  -ms-transform:rotate(-45deg) translate(-50px, 120px);
  -o-transform:rotate(-45deg) translate(-50px, 120px);
  transform:rotate(-45deg) translate(-50px, 120px);
}

.ribbon2:before {
  content:"";
  position:absolute;
  top:0px;
  right:100%;
  width:0px;
  height:0px;
  border:24px solid #01943C;
  border-left-color:transparent;
}

.ribbon2:after {
  content:"";
  position:absolute;
  top:0px;
  left:100%;
  width:0px;
  height:0px;
  border:24px solid transparent;
  border-left-color:#01943C;
}