JSFiddle - React, Tailwind, and code Playground

by bill_q

HTML

<ul class="outside">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca-cola</li>
</ul>

<ul class="inside">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca-cola</li>
</ul>

CSS

.outside {
    list-style-position: outside;
}

.inside {
    list-style-position: inside;
}

li {
    margin-bottom: 5px;
    border: 1px solid #000;
}