JSFiddle - React, Tailwind, and code Playground

by Juned_alBughisy

HTML

<div class="ribbon3">Berbagi Itu Indah</div>

CSS

.ribbon3 {
  font:bold 16px Cambria,Georgia,Times,Serif;
  color:#fff;
  width:60%;
  padding:2px 10px;
  background:#075c85;
  position:relative;
  line-height:26px;
  margin:50px auto;
}
.ribbon3:before {
  content:"";
  position:absolute;
  top:0px;
  right:100%;
  width:0px;
  height:0px;
  border:15px solid #075c85;
  border-left-color:transparent;
}
.ribbon3:after {
  content:"";
  position:absolute;
  top:0px;
  left:100%;
  width:0px;
  height:0px;
  border:15px solid transparent;
  border-left-color:#075c85;
}