JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  Unordered list:
</p>
<ul>
  <li>Line 1<br>Line 2</li>
  <li>Nested:
    <ul>
      <li>Line 1<br>Line 2</li>
      <li>Line 1<br>Line 2</li>
    </ul>
  </li>
  <li>Line 1<br>Line 2</li>
</ul>

<p>
  Ordered list:
</p>
<ol>
  <li>Line 1<br>Line 2</li>
  <li>Nested:
    <ol>
      <li>Line 1<br>Line 2</li>
      <li>Line 1<br>Line 2</li>
    </ol>
  </li>
  <li>Line 1<br>Line 2</li>
</ol>

CSS

ol, ul {
  padding-left: 0;
}

li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

li::before {
  left: 0;
  position: absolute;
}

ol {
  counter-reset: counter;
}

ol li::before {
  content: counter(counter) ".";
  counter-increment: counter;
}

ul li::before {
  content: "●";
}