JSFiddle - React, Tailwind, and code Playground
HTML
<div contentEditable="true" data-placeholder="Title"></div>
CSS
[contentEditable=true]:empty:not(:focus):before{
content:attr(data-placeholder);
color:grey;
}
div{
font-size: 30px
}
<div contentEditable="true" data-placeholder="Title"></div>
[contentEditable=true]:empty:not(:focus):before{
content:attr(data-placeholder);
color:grey;
}
div{
font-size: 30px
}