JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outside"><div>outside</div></div>
<div class="inside"><div>inside</div></div>
<div class="before"><div>before</div></div>

CSS

body > div {
    border: 1px solid;
    margin: 1em;
}
div > div {
    border-top: 1em solid gray;
}
.outside {
    display: list-item;
    list-style-position: outside;
}
.inside {
    display: list-item;
    list-style-position: inside;
}
.before::before {
    content: "*";
}