JSFiddle - React, Tailwind, and code Playground

by Juned_alBughisy

HTML

<div class="code2">fhadskfhdsk<a href="hsjfhdsk">sdfsdjfsldhfkjds</a></div>

CSS

.code2{border:25px;background:#CCE9FD;padding:2px 10px;
border-left: 5px solid #ff0000;position:absolute;
}
.code2:after {
  content:"";
  position:absolute;
  top:0px;
  left:100%;
  width:0px;
  height:0px;
  border:12px solid transparent;
  border-left-color: #58ACFA;
}
.code2:before {
  content:"";
  position:absolute;
  top:0px;
  right:100%;
  width:0px;
  height:0px;
  border:12px solid #58ACFA;
  border-left-color:transparent;
}