Help me with Lists

Hi all, First of all this is an amazing community . I am new to this community .This is my First Post
I am developing my first project Tribute page , So I was developing a list .
According to given example list must be like

i.e. the elements of the list must be aligned ,the bullet dots must be in same line

but I am not able to align
the bullet dots of the list
The Css that I have used so far is

`li{
display: list-item;
margin:auto;
}
ul{
display:inline;

list-style-position: inside;

padding: 0;
margin: 50%;

}`
So Please help me :slight_smile:

I think you don’t need

ul
{
  list-style-position: inside;
}

leave it to default, which is outside.

I used this because if I am not using this the bullet points are disappearing

This is because you’ve used

ul
{
  padding: 0;
}

Use some padding on the left side of ul.

Still not working
This is what I am getting

You’re getting this because you’ve applied the text-align: center property.
Add this code to ul.

ul
{
  text-align: left;
}

If this doesn’t help, share your codepen link.

1 Like

Thanks a lot sir , Worked like charm