Browsers will generaly apply left padding to <ul> and <ol> elements. You can avoid it by applying the following CSS on the list element:
padding: 0;
list-style-position: inside;
Thread Starter
Dani
(@danicasati)
I’m using this code:
.ul, .ol {
padding: 0;
list-style-position: inside;
}
Same padding problem.
Remove the dots before ul and ol
Ok then, try this:
padding: 0 !important;
list-style-position: inside !important;
If this doesn’t work it means there is some other CSS code on your page that overrides list styles. You would then have to find that code and either change or delete it.
Thread Starter
Dani
(@danicasati)
Same problem.
I can’t remove padding from LCP listings.
Ah, one more thing I forgot about. Set padding: 0; on <li> as well.
