How to make a bullet list align with text in css?

Question

The image demonstrates the problem. I want the bullet list to be aligned with the

Answer 1

As @NicolaPasqui mentioned, for your problem you should use:

ul {
  padding-left: 0
}

ul li {
  list-style-position: inside;
}

When setting list-style-position to inside, the bullet will be inside the list item.

Unlike setting it to outside, where the bullet will be outside the list item.

There is a great article about bullet style I think you could benefit from here.