JSFiddle - React, Tailwind, and code Playground

by ncapito

HTML

<div class='background-red'>
    <ul class='border  nav indent'>
        <li class='border indent myIcon'>My Icon
            <ul class='border indent'>
                <li class='border' >Ooooops</li>
            </ul>
        </li>
    </ul>
   <div class='indent myIcon'>My Icon</div>
</div>

CSS

.indent{
    margin-left: 10px;
}
.nav  .indent{
    margin-left: 10px;
    text-indent: 15px;
}
.background-red{
    background-color:red;   
}
.border{
    border: 2px solid;
}




li{
    list-style-type: none;
}