I have a question concerning the formatting of lists: I would like the lists to be centered in the reviewer, while retaining the structure of the list, i.e. the sub-items appear indented below the main items. So far I have used the elements “ul” and “ol” with the attribute “display: inline-block”, which has always worked.
Now I have encountered the following problem: Sometimes, when I copy lists from websites, paste them into the editor and display them in the reviewer, the subitems are shown to the right of the main item instead of below with an indentation. Here’s an example:
When checking the code I noticed some of closing tags „< /li>“ are missing. When adding those, the list is displayed as before.
I can also avoid the problem by removing the “display: inline-block” attribute. However, the list moves all the way to the left again.
Is there a way to center these lists in a different way while maintaining the structure without the necessity to add the missing closing tags manually? "