Tachyons Element Lists

Last Updated : 13 Jun, 2022

Tachyons Element Lists is used as a reset for the list-style-type to remove the default bullets. A user may sometimes want the list form without any of the bullet points. This class will be useful in that situation. It will work for both ordered and unordered lists.

Tachyons Element Lists Class:

pl0: This class is used to remove the default bullets from unordered and ordered lists.

Syntax:

<ul class="list pl0">
   <li>..</li>
   ..
</ul>

The below examples illustrate the Tachyons Element Lists.

Example 1: In this example, we will remove the bullet points from an unordered list.

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <link rel="stylesheet" href= 
"https://unpkg.com/tachyons/css/tachyons.min.css"> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;"> 
            GeeksforGeeks 
        </h1> 
        <h3> 
            Tachyons Element Lists 
        </h3> 
        <ul class="list pl0"> 
            <li>GeeksforGeeks</li> 
            <li>A Computer Science Portal</li> 
            <li>For all the Geeks</li> 
        </ul> 
    </center> 
</body> 
  
</html>

Output:

Example 2: In this example, we will remove the bullet points from an ordered list.

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <link rel="stylesheet" href= 
"https://unpkg.com/tachyons/css/tachyons.min.css"> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green;"> 
            GeeksforGeeks 
        </h1> 
        <h3> 
            Tachyons Element Lists 
        </h3> 
  
        <ol class="list pl0"> 
            <li>GeeksforGeeks</li> 
            <li>A Computer Science Portal</li> 
            <li>For all the Geeks</li> 
        </ol> 
    </center> 
</body> 
  
</html>