JSFiddle - React, Tailwind, and code Playground

HTML

Headline tester:

<ul>
    <li>Please center yourself, bullet!</li>
    <li>What is your problem</li>
    <li>You work fine in Firefox!</li>
</ul>

CSS

ul {
    font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
    font-size: 12px;
    line-height:18px;

    list-style-type:none;
}
li:before {
    content: '';
    background-color: #ccc;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    margin-right: 4px;
    top:-1px
}