<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.