3

This Sandbox post looks quite normal when viewed on e.g. Safari or Chrome:

enter image description here

but when viewed in Firefox (on macOS Mojave) as well as Microsoft Edge and Internet Explorer 11, the bullets generated by <li> items (instead of using Markdown - or *) are aligned over the blockquote or even outside the post:

enter image description here

  • Confirm the same results in Chromium on Linux. – Gypsy Spellweaver Apr 4 at 5:28
5

Putting an <li> element directly inside something that is not an ordered or unordered list is not valid HTML and inherently does not have a defined behavior. If the post correctly uses a parent list, it renders perfectly fine:

  • This is a test to show a formatting bug.
  • This is a test to show a formatting bug.
  • This is a test to show a formatting bug.
  • This is a test to show a formatting bug.

You'll notice that even in Chrome and Safari, your first screenshot still renders incorrectly (the bullets for the first two are shifted further to the left) due to the lack of a parent list element. It must exist.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .