<div class="menu">
<div class="menu-item">
Home
</div>
<div class="menu-item">
About
<div class="menu-item">
Projects
<div class="menu-item">Professional Projects</div>
<div class="menu-item">Hobby Projects</div>
</div>
<div class="menu-item">Portfolio</div>
</div>
<div class="menu-item">
Services
</div>
<div class="menu-item">
Contact
</div>
</div>
/* Parent */
.menu {
font-size: 25px;
}
/* Child */
.menu-item {
font-size: 0.9em;
padding-left: 12px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.