JSFiddle - React, Tailwind, and code Playground

HTML

<body><div class="center">

<ul>

<li>List 1 textextextextextextex</li>
<li>List 2 tex</li>
<li>List 3 textex</li>
<li>List 4 textext</li>

</ul>

</div>



</body>

CSS

.center{
    width:200px;
    margin:0 auto;
    text-align:left;
}
ul{
    list-style-type: square;
}