CSS changes for edit mode - Space between line

I want space between lines and space between ordered list as well as unordered list
I want above in both edit as well as in preview mode.

I went through the posts here in form and came up with below custom css. I see the effect happening only in preview mode but I don’t see any changes in edit mode.

Any help/suggestions is appreciated.

My custom css
line-height: 2.0; /* change this value accordingly /
display: block;
padding-top: 6px; /
change this value accordingly /
padding-bottom: 6px; /
change this value accordingly */
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;

ul {
margin-block-start: 0em;
margin: 5px 0;
line-height: 26px;

.CodeMirror pre.CodeMirror-line {
line-height: 4.4;/height of a/
padding-top: 8px; /the lower part of height of b/
padding-bottom: 8px;/the upper part of height of b/

The answer given by @Angel may help. And I’ve tried part of your code.

.HyperMD-header.HyperMD-header-1 {
  line-height: 2.5;   /* It works */
.HyperMD-header.HyperMD-header-1 { 
  display: block;    /* All these do not work */
  padding-top: 8px; 
  padding-bottom: 8px; 
  margin-block-start: 20px;
  margin-block-end: 20px;
  margin-inline-start: 20px;
  margin-inline-end: 20px;