Bagaimana membuat: Tag cloud CSS

Belajar cara menggunakan CSS untuk membuat tag cloud.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Coba sendiri

Bagaimana membuat tag cloud

Langkah pertama - Tambahkan HTML:

<span class="tag-cloud">Volvo</span>
<span class="tag-cloud">BMW</span>
<span class="tag-cloud">Tesla</span>
<span class="tag-cloud">Nissan</span>
<span class="tag-cloud">Toyota</span>
<span class="tag-cloud">Saab</span>
<span class="tag-cloud">Porsche</span>
<span class="tag-cloud">VW</span>
<span class="tag-cloud">Fiat</span>

Langkah kedua - Tambahkan CSS:

.tag-cloud {
  display: block-inline;
  color: putih;
  padding: 8 px 20 px;
  border-radius: 25 px;
  background-color: #2196F3;
  margin-top: 8px;
}

Coba sendiri