JSFiddle - React, Tailwind, and code Playground

by OjisanSeiuchi

HTML

<div class="bullet-wrapper">
    This content is not in a list.

      <ul>
        <li>Some text about this.</li>
        <li>Some more text about that. Except this text is a bit longer than the first so we can check text-wrapping behaviour</li>
      </ul>
      <ol>
        <li>Some text about this.</li>
        <li>Some more text about that. Except this text is a bit longer than the first so we can check text-wrapping behaviour</li>
      </ol>
    </div>

CSS

body {
  text-align: center;
}

div.bullet-wrapper {
  margin: 0 auto;
}

ul,
ol {
  max-width: 80%;
  display: inline-block;
  text-align: left;
  list-style-type: square;
}