JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
    <li><a href="#">similique voluptatibus</a></li>
    <li><a href="#">Recusandae inventore quos aut vel sint</a></li>
    <li><a href="#">ut blanditiis omnis praesentium</a></li>
    <li><a href="#">non error</a></li>
    <li><a href="#">Cumque possimus mollitia dolore aut dolor</a></li>
    <li><a href="#">deleniti qui quisquam repellat</a></li>
    <li><a href="#">provident nobis</a></li>
    <li><a href="#">Expedita consectetur mollitia corrupti eum neque ea consequuntur</a></li>
    <li><a href="#">labore alias voluptatem reprehenderit</a></li>
</ul>
</div>

CSS

body {
    font: 1em/1.2 Helvetica, Arial, sans-serif;
}
div {
    width: 12em;
    margin: 1em;
    padding: 1em;
    border: 1px solid grey;
}
/* list */
ul {
    list-style: none;
    padding-left: 1em;
    margin-left: 0;
}

/* list item */
li {
    margin: 0 0 1em 0;
}

/* generated content */
li::before {
    content: "» ";
}