JSFiddle - React, Tailwind, and code Playground

HTML

<p>Some body text</p>
<ul>
  <li>This</li>
  <li>is</li>
  <li>a</li>
  <li>list</li>
  <li>This is a very long line that is supposed to wrap around. 12345 67890 qwert yuiop asdfg hjkl zxcvb nm 12345 67890 qwert yuiop asdfg hjkl zxcvb nm</li>
  <li>One more</li>
</ul>
<p>Another body paragraph. Lorem ipsum dolor sit amet.</p>

CSS

li {margin: 7pt 0;}
ul {margin: 12pt 0;}