The following renders incorrectly for me:
A bulleted list item
- A bulleted sub-list
... followed by a paragraph which is indented to be underneath the top-level bulleted list.
Here's how it's currently rendered in Chrome on MacOS High Sierra. Notice the large vertical empty space between the top-level bullet point and the sub-bullet:
...
makes it difficult to determine that. If you use the same text in both paragraphs, they line up. – Makyen Jan 28 at 23:54<li>
(the extra blank line), the first "paragraph" gets wrapped in a<p>
, which triples the space between those first two lines. It's a 1.5em gap caused by the top level<li>
using a<p>
to hold "A bulleted list item". That<p>
hasmargin-bottom: 1em;
(because it's notul p:last-of-type
, which would getmargin-bottom: 0;
). The 2nd level<ul>
haspadding-top: .5em;
. So, 1.5em total. (continued) – Makyen Jan 29 at 5:42<li>
are enclosed in<p>
. The real problem, going by what GitHub does, is that SE requires the extra empty line. On GitHub, the empty blank line is not required to add the second line of text under the top level<li>
. You can just use the properly indented HTML comment as the break from the 2nd level<ul>
. Doing so results in the contents of the<li>
s not being wrapped in<p>
. – Makyen Jan 29 at 5:43