JSFiddle - React, Tailwind, and code Playground

HTML

<h1 contenteditable="true" data-ph="Name"></h1>

CSS

[contentEditable=true]:empty::before{
  content:attr(data-ph);
  color: #CCC;
  text-align: center;
}

h1 {
    text-align: center;
}