fa-li

BrandonDusch's avatar
BrandonDusch's avatar
BrandonDusch
Published Aug 1, 2022Updated Oct 14, 2022
Contribute to Docs

The fa-li class is used with the fa-ul class to create custom bullets in unordered lists.

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn CSS

    In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
    • Beginner Friendly.
      6 hours

Example

<ul class="fa-ul">
  <li>
    <span class="fa-li"><i class="fas fa-check-square"></i></span>List Item 1
  </li>
  <li>
    <span class="fa-li"><i class="far fa-comment"></i></span>List Item 2
  </li>
  <li>
    <span class="fa-li"><i class="fas fa-star"></i></span>List Item 3
  </li>
</ul>

Font Awesome Unordered List Examples

All contributors

Contribute to Docs

Learn Open Source on Codecademy

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn CSS

    In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
    • Beginner Friendly.
      6 hours