Bullet points with <ul> tag

[nigamneha90]

While using

tag normally in html along with
• tag, it renders the list with bullet points. But when I use
  tag with
  • tag in Salesforce lwc component to render the list, it doesnt render the list with bullet points. Why is that so? Can someone please explain the reason behind it? Is there any default CSS styling provided by Salesforce that's overidding the browser CSS styling? Please explain...Thank you!

[manshamadan30]

In HTML, the <ul> element is rendered with bullet points by default. However, in Lightning Web Components (LWC), you need to define a style class to make the bullet points appear. For example, the following code includes bullet points because of the specified style class:

On the other hand, the following code won't display bullet points unless a style class is defined:

You can find more details at https://www.lightningdesignsystem.com/utilities/vertical-list/