Question

I want to modify unordered lists on my website so that when the text is wrapped to the next line within one <li> it is indented according to the line above. I tried many different ways but nothing seems to be working. I don’t have much experience with css so I might just be missing something simple…

.entry ul li{
list-style:disc inside none !important;
padding:5px 0px
}

Answer 1

It’s because the list-style style has inside as part of the declaration.

Take this off and then adjust the margin-left to push the whole list item to the right, and then padding to separate the text from the list item bullet. Something like this should do it:

.entry ul li {
    list-style: disc !important;
    margin-left: 20px;
    padding: 3px 0 0 5px;
}