Kuinka luoda: CSS tagisuihku

Opi, kuinka luoda tagisuihku CSS:n avulla.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Kokeile itse

Kuinka luoda tagisuihku

Vaihe 1 - Lisää HTML:

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

Vaihe 2 - Lisää CSS:

.tagi-suihku {
  näyttö: sisäkkäin;
  väri: valkoinen;
  sisennys: 8 px 20 px;
  korkeus-kehys: 25 px;
  background-color: #2196F3;
  margin-top: 8px;
}

Kokeile itse