JSFiddle - React, Tailwind, and code Playground

by piiantom

HTML

<span> Carpenter Brut </span>

CSS

span {
  margin: 10px 40px;
  padding: 10px;
  color: #fff;
  position: relative;  
  display: inline-block;
}

span:before {
  content: "";
  background: red;
  position: absolute;
  top:0;
  left:-10px;
  right:-10px;
  bottom:0;
  z-index: -1;
  transform: skewX(-15deg);
  
}