Rendering behavior of Lists in reading mode und live preview

I’d like to create lists without vertical space between the list-header (e.g. “This is the first example-list”) and the first list-item when I turn on reading mode.

in live-preview my two example-list look like this:
image
=> no vertical space between both list-headers and the first list-example…

When I turn on reading mode, they look like this:
image

  • In the first example-list, there is no space between the list-header and the first list-item and I achieved that by manually adding a extra indentation of the list.
  • Without that extra indentation of the list, there is a big space between the list-header and the first list-item (see “This is the second example-list”).

I want to achieve a list without vertical space between list-header and the list-items, without adding manually a extra indentation…

can you give me a hint, how to achieve that?

Thanks