Change the earlier rule to this:
.entry-content .widget ul {
list-style: outside;
padding-left: 30px;
}
However, you are going to want to remove the inline padding-left
property from all of the list items. You should normally avoid adding inline styles, anyway. It is very difficult to override using an external stylesheet, which is what you should be using instead. For example, instead of adding the inline style to each list item, you could have added a single rule to accomplish that:
ul li {
padding-left: 30px;
}
Then, if you ever need to change the padding in the future, you just need to change it in one rule instead of editing each individual item. It also makes it easier to create consistent formatting across all of your pages using an external stylesheet.