Classes vs ids

Reuse .chip, one #app.

Reuse .chip. One #app. Classes are for style; ids are unique.

Goal

Two chips sharing a class, one app id.

Paste into the HTML pane:

<div id="app">
  <span class="chip">Nairobi</span>
  <span class="chip">Nakuru</span>
</div>

Paste into the CSS pane:

#app { padding: 12px; }
.chip {
  display: inline-block;
  margin-right: 6px;
  padding: 4px 10px;
  background: #8a5a12;
  color: #fff;
}
.chip { border-radius: 4px; }
#app { font-family: sans-serif; }