JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<html>
    
    <head>
        <title>Lines</title>
    </head>
    
    <body>
        <ol type="1" style="list-style-position:inside;">
            <li>Text</li>
            <li>Text</li>
            <li >longer Text, longer Text, longer Text, longer Text    second line of longer Text        </li>
        </ol>  
        <br/>
        <ul  style="list-style-position:inside;" >
            <li>Text</li>
            <li>Text</li>
            <li>longer Text, longer Text, longer Text, longer Text    second line of longer Text                </li>
        </ul>
    </body>
    
</html>

CSS

ol li , ul li
{
    margin: 0px;
    padding: 0px;
    text-indent: -2em;
    margin-left: 1em;
}