.my-ribbon {
 font-size: 30px;

font-family: "Open Sans", Helvetica, Arial, sans-serif;
 width: 50%;
    
 position: relative;
 background: #7EB12C;
 color: #fff;
 text-align: center;
 padding: 0.1em 0.2em; 
 
 margin: 150px 350px ;
 
 /* The following CSS rules will give stitched look to our element */ 
 
 -moz-box-shadow: 0 0 0 4px #7EB12C, 2px 1px 4px 4px rgba(10,10,0,.5);
  -webkit-box-shadow: 0 0 0 4px #7EB12C, 2px 1px 4px 4px rgba(10,10,0,.5);
  box-shadow: 0 0 0 4px #7EB12C, 2px 1px 6px 4px rgba(10,10,0,.5);
 
 border-top: 1px dashed rgba(0, 0, 0, 0.2);
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.my-ribbon:before, .my-ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #5F9900;
 z-index: -1;
 
 
}


.my-ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.my-ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}