What is the difference between li and ul

This is shown in the working example of Contact information using a definition list. In this example the links are grouped using the ul and li elements.

CSS can be used to style the list elements, so this technique can be used with a variety of visual appearances. Here is a style that removes the list bullets and the left padding that creates the indent and flows the individual list elements horizontally.

This style removes the list bullets and the left padding and displays the items in a floating block. Vitorino fernandes Amit singh Amit singh 1, 1 1 gold badge 11 11 silver badges 19 19 bronze badges.

Sultan Khan Sultan Khan 1 1 silver badge 10 10 bronze badges. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Does ES6 make JavaScript frameworks obsolete? The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project.

Join thousands of Treehouse students and alumni in the community today. Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.

When markup is used that visually formats items as a list but does not indicate the list relationship, users may have difficulty in navigating the information. Some assistive technologies allow users to navigate from list to list or item to item. Style sheets can be used to change the presentation of the lists while preserving their integrity. When this is done, it helps screen reader users to navigate from the first item in a list to the end of the list or jump to the next list.

This helps them to bypass groups of links if they choose to. This example uses a definition list to group a definition with the term that is being defined. This example uses a defintion list to mark up pairs of related items. The pairs themselves are a logically related list.