Semantic-UI List Link Content Last Updated : 23 Feb, 2022 Comments Improve Suggest changes Like Article Like Report Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website looks more amazing. It uses a class to add CSS to the elements. Semantic UI List Link Content is used to add links to the list items. Semantic UI List Link Content classes: link list: This class is used to give a format to list as navigation links. Syntax: <div class="ui link list"> <a class="item"> ....</a> ... </div> Example 1: In this example, we are creating a list of items with the item content. HTML <!DOCTYPE html> <html> <head> <title>Semantic UI List Link Content </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> </head> <body> <div class="ui container"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI List Link Content</h3> <div class="ui link list"> <div class="active item">GeeksforGeeks</div> <a class="item">Data Structure</a> <a class="item">Algorithm</a> <a class="item">Interview Preparation</a> <a class="item">Competitive Programming</a> <a class="item">Machine Learning</a> <a class="item">Web Development</a> </div> </div> </body> </html> Output: Example 2: In this example, we are creating horizontal list items with the item content. HTML <!DOCTYPE html> <html> <head> <title>Semantic-UI List Link Content</title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> </head> <body> <div class="ui container"> <h2 style="color:green"> GeeksforGeeks </h2> <strong>Semantic-UI List Link Content</strong> </br></br> <div class="ui horizontal link list"> <div class="active item">GeeksforGeeks</div> <a class="item">Data Structure</a> <a class="item">Algorithm</a> <a class="item">Interview Preparation</a> <a class="item">Competitive Programming</a> <a class="item">Machine Learning</a> <a class="item">Web Development</a> </div> </div> </body> </html> Output: Reference link: https://semantic-ui.com/elements/list.html#link Comment More infoAdvertise with us Next Article Semantic-UI List Link Content V vkash8574 Follow Improve Article Tags : Web Technologies CSS Geeks Premier League Geeks-Premier-League-2022 Semantic-UI Semantic-UI Elements +1 More Similar Reads Semantic-UI List Icon Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI list offers us to order any list. There are 4 types of listing available 2 min read Semantic-UI List Content Semantic UI is an open-source framework that has some predefined classes to make our website look beautiful and responsive. It is similar to bootstrap as it has pre-defined classes for use. It used CSS and jQuery to build the interface. It has some different types of elements that help us to create 4 min read Semantic-UI List Item Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website looks more amazing. It uses a class to add CSS to the elements. Semantic UI List Item Content is used to 2 min read Semantic-UI List Image Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website looks more amazing. It uses a class to add CSS to the elements. Semantic UI List Image Content is used t 3 min read Semantic-UI Item Link Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI Item helps us to present large collections of site content for display. A 2 min read Like