<ul class="main-list">
<li>Dairy</li>
<li>Vegetable</li>
<li class="sub-list">
Fruit
<ul>
<li>
Drupe
<ul>
<li>Peach</li>
<li>Coconut</li>
<li>Olive
</ul>
</li>
<li>
Berry
<ul>
<li>Tomato</li>
<li>Cucumber</li>
</ul>
</li>
</ul>
</li>
</ul>
.main-list {
border: 1rem solid #000;
color: red;
font-family: Verdana;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.