JSFiddle - React, Tailwind, and code Playground

by pj_js15

HTML

<div id="leftMenu">
<form method="post" action="/NavigationMenu/NavigationMenu/_ShowLeftMenu?varRef=%23loans&amp;varName=Loans">    <input type="hidden" id="menuRef" value="#loans">
    <input type="hidden" id="menuName" value="Loans">
</form>
    <div class="sectionHeader">Loans</div>
    <ul id="loans" class="navUl">
        <li><a href="/Loans/LoansAdmin/ProcessLoanRequest">Process Loan Request</a></li> 
        <li><a href="/Loans/LoansAdmin/ProcessSubsidyRequest">Process Subsidy Request</a></li> 
        <li><a href="/Loans/LoansAdmin/CreateLoanRecord">Create Loan Record</a></li>
<li>Manage
    <ul>
        <li class="ind1"><a href="/Loans/LoansAdmin/spfFieldValues">Manage Field Values</a></li> 
        <li class="ind1"><a href="/Loans/LoansAdmin/BPOManageAccess">Manage BPO with ITO Access</a></li>
    </ul>
</li>                 
         
    </ul>


</div>

CSS

.ind1{
 margin-left:50px;   
}