How to add the margin between headers and paragraphs, lists and paragraphs in edit mode?

[Lyn2022]

Things I have tried

I’ve used CSS code sinppet to add to the margin between lines and lists. But it only works in preview mode. Here is the code.

.CodeMirror pre.CodeMirror-line {
    padding-top: 6px; 
    padding-bottom: 6px;
  }

  li{
    padding-top: 6px;
    padding-bottom: 6px;
  }

And I’ve already add “style setting” plugin to adjsut the line height.

What I’m trying to do

I want to make the edit mode and preview mode appear to be same. I perfer wider space between headers and paragraphs, lists and paragraphs, paragrahs and paragraphs.

[CawlinTeffid]

Do the classes given in this answer by @anon12638239 help? (Found by searching edit mode css.)

Unable to center h3 in edit mode via css

Does this work? /* Editor View */ .HyperMD-header.HyperMD-header-3 { text-align: center; } /* Reading View */ .cm-header-3, .markdown-preview-view h3 { text-align: center; } Angel

[Lyn2022]

Thank you so much! It works!

Here are codes and results:

.HyperMD-header.HyperMD-header-1 {
  line-height: 2.5;   /* It works */
}

.HyperMD-header.HyperMD-header-1 {
  padding-top: 8px;          /* it doesn't work */ 
  padding-bottom: 8px;
}