JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ribbon">Ruang Freelance</div>

CSS

.ribbon{
    width:200px;
    min-height:90px;
    background:#666;
    
    position:relative;
    font-size:60px;
    padding:30px 0;
    color:#fff;
    
    text-align:center;
}
.ribbon:after{
    content:"";
    width: 0;
    height: 0;     
    border-bottom: 30px solid #fff;  /* Sets the height of the triangle*/   
    border-left: 100px solid transparent;     
    border-right:100px solid transparent; 
    
    position:absolute;
    
    bottom:0;
    right:0;
 }