<section>
  <h1>Simple material design CSS only chips example</h1>
  <div class="md-chips">
    <div class="md-chip">
      Hello World
    </div>
    <div class="md-chip md-chip-clickable">
      Example Chip
    </div>
  </div>

  <div class="md-chips">
    <div class="md-chip">
      <div class="md-chip-icon">A</div>
      Example Chip
    </div>
    <div class="md-chip md-chip-clickable">
      <div class="md-chip-icon">12</div>
      Example Chip
    </div>
  </div>

  <div class="md-chips">
    <div class="md-chip md-chip-raised">
      <div class="md-chip-icon">A</div>
      Example Chip
    </div>
    <div class="md-chip md-chip-raised">
      <div class="md-chip-icon">12</div>
      Chip
    </div>
  </div>

  <div class="md-chips">
    <div class="md-chip md-chip-hover">
      <div class="md-chip-icon">A</div>
      Hover me
    </div>
    <div class="md-chip">
      <span>Chip chip chip</span>
      <button type="button" class="md-chip-remove">
      </button>
    </div>
  </div>
</section>