Inline List

Inline List creates a horizontal link list like in a constructor or footer.

HTML Code

<ul class="inline-list">
  <li><a href="#">Home</a></li>
  <li><a href="#">Pricing</a></li>
  <li><a href="#">Contact Us</a></li>
</ul>

Output

• Home
• Pricing
• Contact Us

Labels

Zurb Foundation Framework provides five types of labels such as regular label, radius secondary label, round alert label, warning label and success label.

HTML Code

<h6>Regular Label</h6>
<span class="label">Regular Label</span>
<h6>Radius Secondary Label</h6>
<span class="[radius secondary] label">Radius Secondary Label</span>
<h6>Round Alert Label</h6>
<span class="[success alert secondary] [round radius] label">Round Alert Label</span>
<h6>Warning Label</h6>
<span class="[warning] label">Warning Label</span>
<h6>Success Label</h6>
<span class="[success secondary] label">Success Label</span>

Output

Next Lesson > Foundation Button