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;
}