display: flex makes a row. Paste CSS into the CSS pane.

Goal

A row of city chips.

Paste into the HTML pane:

<div class="row">
  <span class="chip">Nairobi</span>
  <span class="chip">Mombasa</span>
  <span class="chip">Kisumu</span>
</div>

Paste into the CSS pane:

.row { display: flex; gap: 8px; }
.chip {
  padding: 6px 12px;
  background: #8a5a12;
  color: white;
  border-radius: 999px;
}

.row { flex-wrap: wrap; }

.chip { font-family: sans-serif; font-size: 0.9rem; }