Quantcast
Viewing all articles
Browse latest Browse all 1320

How to Make Bullet Points Appear When Using display: flex?

I'm having an issue with bullet points not appearing in a list when I use display: flex on the parent element. Here's a simplified example of my code:

ul li {  display: flex;  justify-content: space-between;  align-items: center;}
<ul><li><div>Item 1</div><div><mat-icon>edit</mat-icon><mat-icon>delete</mat-icon></div></li></ul>

In this setup, the bullet points for each list item are not displayed. How can I fix this so that the bullet points appear as expected?


Viewing all articles
Browse latest Browse all 1320

Trending Articles