JSFiddle - React, Tailwind, and code Playground

by Laura Kishimoto

HTML

<li>
                      <h2> Tech Ed. Classes</h2>
                </div>
                <div id="sidebarLinks"><!-- USE THIS DIV SECTION FOR A LIST WITH BULLET POINTS -->
                        <ul>
                          <li><a href="index.html"><strong><em>Main Page</em></strong></a></li>
                            <li><a href="construction.html">Construction</a></li>
                            <li><a href="drafting.html">Drafting</a></li>
                            <li><a href="electronics.html">Electronics</a></li>
                                <ul id="subList">
                                    <li ><a href="#">INTRODUCTION TO ELECTRONICS</a></li>
                                    <li><a href="#">EXPLORING CAREERS IN ELECTRONICS</a></li>
                                </ul>
                            <li><a href="graphic.html">Graphic arts </a></li>
                            <li><a href="Manufacturing.html">Manufacturing</a></li>
                            <li><a href="project.html">Project Lead the Way</a></li>
                            <li><a href="transport.html">Transportation, Distribution, & Logitstics</a></li>
                            <li><a href="woodworking.html">Wood Working</a></li>
                        </ul>
                </div>
                    </li>

CSS

#sidebarLinks {
    background-color: #ddd;
}
#sidebarLinks #subList {
    background-color: #bbb;
}