<span class="tag">First tag</span>
<span class="tag">Second tag</span>
<span class="tag">Third tag</span><a href="#" class="tag">First tag</a>
<a href="#" class="tag">Second tag</a>
<a href="#" class="tag">Third tag</a><span class="tag tag-rounded">First tag</span>
<span class="tag tag-rounded">Second tag</span>
<span class="tag tag-rounded">Third tag</span>You can create a list of tags with the .tags container.
If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.
<div class="tags">
<span class="tag">
One
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</span>
<span class="tag">
Two
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</span>
<span class="tag">
Three
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</span>
<span class="tag">
Four
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</span>
</div><div class="tag">
npm
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
</div>
<div class="tag tag-danger">
npm
<span class="tag-addon"><i class="fe fe-activity"></i></span>
</div>
<div class="tag">
bundle
<span class="tag-addon tag-success">passing</span>
</div>
<span class="tag tag-dark">
CSS gzip size
<span class="tag-addon tag-warning">20.9 kB</span>
</span>
New Websites is Created
Prepare For the Next Project
Decide the live Discussion Time
Team Review meeting
Prepare for Presentation
Prepare for Presentation
Prepare for Presentation
Prepare for Presentation