JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Here's a string of text that is so long that it will wrap onto the next line. I want all the text to be left-aligned rather than having some if it under the bullet point.</li>    
</ul>

CSS

ul
{
  list-style-position: outside;   
    list-style-type: disc;
}

li 
{
  margin-bottom: 5px;
}