JSFiddle - React, Tailwind, and code Playground

HTML

<h2>With some default text</h2>
<ul id="ul1" contenteditable="true">
<li>default</li>
<li>text</li>
</ul>

<h2>No default text:</h2>
<ul id="ul2" contenteditable="true">

</ul>

CSS

ul {
    padding-left: 50px;
 list-style-type:circle;
    border: 1px dashed blue;
}