JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" class="editableDiv" style="heigth: 100px;">
<p><b>test </b><p>
  
  </p>
</div>

CSS

.editableDiv{
  background-color: #DEDEDE;

  min-height: 100px;
  max-height: 400px;
  overflow:scroll;
}
.editableDiv p{
    padding: 0px 0px 0px 43px;
}

.editableDiv:before{
 background-color:blue; 
 content: " ";
 position:absolute; 
 float:left;
 height: 100%;
 width: 40px;
 display:block;
}