JSFiddle - React, Tailwind, and code Playground

by hirenwebdp

HTML

<div id="products">
    <h1 id="ui-widget-header" class="ui-widget-header"><p align="center" style="font-size:30px;">Bank Ledgers</p> </h1>
    
    <div class="ui-widget-content">
        <ul>
            <li data-id="1" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> opening balance </a></li>
            <div class="ui-widget-content">
        <ul>
            <li data-id="2" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> owner's equity </a></li>
            <li data-id="3" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> Loan </a></li>
            <li data-id="4" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> Iphone</a></li>
            
              <li data-id="5" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> $0</a></li>
            
              <li data-id="6" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> $10000</a></li>
            
            
              <li data-id="7" class="third" id="third"><a href="#" style="color:#FFFFFF;" class="button button-orange"> $10000</a></li>