JSFiddle - React, Tailwind, and code Playground

by Oleh Aloshkin

HTML

<ul class="list">
    <li>Text of line 1</li>
    <li>Text of line 2</li>
    <li>Text of line 3</li>
    <li>Text of line 4</li>
    <li>Text of line 5</li>
    <li>Text of line 6</li>
    <li>Text of line 7</li>
    <li>Text of line 8</li>
    <li>Text of line 9</li>
    <li>Text of line 0</li>
    <li>Text of line 1</li>
    <li>Text of line 2</li>
</ul>

CSS

.list li
{
    font-size: 9px;
    list-style-position: inside;
    list-style-type: disc;
    list-style:none;
    margin-right: 1em;
}

.list {
    padding-left: 1em;
}

.list:after { /* Clearfix hack */
    content: "";
    display: block;
    clear: both;
}