JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="rteEditable" contenteditable="true">
<p>
HELLO THIS IS A TEAST
</p>
</div>
</body>

CSS

.rteEditable{
  background-color:green;
  position: relative;
  width: 200px;
  height: 400px;
  min-height: 400px;
}
.rteEditable p{
  padding-left: 46px;
}

.rteEditable:before{
  position: absolute; 
  height: 100%;
  width: 40px;
  content:'';
  background-color:red
  bottom:0;
  top:0;
  left:0;
  right:0;
}