I’ve noticed this on a lot of places that use Markdown. The bullet points have more space above than they do below. This makes it confusing visually because it looks like the text is associated with the item below, even though logically it should be related to the item above.

You can see this happening on my lemmy post here (https://lemmy.ca/post/11285664), but it also happens in other markdown based apps like Joplin

So why was it designed like that? Is it meant to convey something, or is there a way that we are supposed to use Markdown to prevent that?

As a quick example, see here:

  • List item A

  • List item B

    • List item B.1
    • List item B.2
  • List item C

  • smorks@lemmy.ca
    link
    fedilink
    English
    arrow-up
    8
    arrow-down
    1
    ·
    1 year ago

    i think if you put less whitespace in between it will format a bit better?

    • A
    • B
      • Sub 1
      • Sub 2
    • C
      • Another Sub 1
      • Another Sub 2
    • D
    • E
    • Otter@lemmy.caOP
      link
      fedilink
      English
      arrow-up
      3
      ·
      edit-2
      1 year ago

      Oh huh

      Is there any way to keep some spacing?

      Like this

      - A
        - sub 1
        - sub 2
      
      - B
      
      Sentence about C
        - detail 1C
        - detail 2C
      

      Similar issues come up if I have sentences with bullet points:


      Here is some information

      • detail 1
      • detail 2

      Here is the next bit of information

      • detail 1
      • detail 2
      • smorks@lemmy.ca
        link
        fedilink
        English
        arrow-up
        2
        ·
        edit-2
        1 year ago

        it doesn’t appear to be easy to do either of those, from some quick testing. Looks like the <p></p> tags have bottom spacing which is causing the issue, mainly, at least in lemmy’s case. weird.

      • Wolf Link 🐺@lemmy.world
        link
        fedilink
        arrow-up
        1
        ·
        1 year ago

        Is there any way to keep some spacing?

        &nbsp; will add an empty row, if that’s whats you meant. That’s what I currently use.

        So in your example:


        Here is some information

        • detail 1
        • detail 2  

        &nbsp;  

        Here is the next bit of information


        … will turn into:

        Here is some information

        • detail 1
        • detail 2

         

        Here is the next bit of information