How TO - CSS Tag Cloud
Learn how to create a tag cloud with CSS.
Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda
How To Create a Tag Cloud
Step 1) Add HTML:
Example
<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>
Step 2) Add CSS:
Example
.tag-cloud {
display: inline-block;
color: white;
padding: 8px 20px;
border-radius: 25px;
background-color:
#2196F3;
margin-top: 8px;
}
Try it Yourself »