Aufzählung Abstand ändern

Hallo,

ich habe auf einer meiner Seiten eine nummerierte Aufzählung. Leider ist zwischen den einzelnen Aufzählungspunkten keine Leerzeile. Das würde ich gerne ändern.
Nach einer Internetrecherche wird oft das Plugin "TinyMCE Advanced" empfohlen um mehr Optionen im Editor zu haben. Habe ich installiert, aber eine Option zum Einstellen des Abstands habe ich auch nicht gefunden. Ich habe auch versucht, meine Aufzählung mit einem html-Editor so zu erstellen wie ich sie gerne hätte, wenn ich den Code dann im Wordpress Editor einfüge funktioniert das aber leider nicht.
Hat jemand eine Idee, wie ich das hinbekomme?

Ich habe leider kein Tutorial dazu gefunden, dafür aber eine andere Lösung. Wenn man im Editor unter "Visuell" eine nummerierte Liste erstellt und dann zu "Text" wechselt, sieht der code so aus:

<ol>
      <li>Erster Punkt.</li>
      <li>Zweiter Punkt.</li>
      <li>Letzter Punkt.</li>
</ol>

Problem dabei ist, wie schon erwähnt, dass dann der Abstand zwischen zwei Listenelementen (also zwischen "Erster Punkt" und "Zweiter Punkt") nur ein ganz normaler Zeilenabstand ist, so als wäre es ein zusammenhängender Text. Das erhöht nicht gerade die Lesbarkeit.
Eine Lösung des Problem ist z.B.:

<ol>
     <li><p>Erster Punkt.</p></li>
     <li><p>Zweiter Punkt.</p></li>
     <li><p>Letzter Punkt.</p></li>
</ol>

Jetzt ist zwischen den einzelnen Aufzählungspunkten jeweils eine Leerzeile. Das funktioniert zwar so, ist aber sehr umständlich, da man alle <p> und </p> von Hand einfügen muss. Gerade bei langen Aufzählungen ist das nicht praktikabel. Außerdem darf man nicht mehr zu "Visuell" wechseln, sonst geht die Textformatierung verloren.

Wäre weiterhin für bessere Lösung dankbar.

Zitat von Edi

Es gibt zahlreiche Tutorials, wie CSS funktioniert und verwendet werden kann... Nach "tutorial css" suchen reicht. ;-)

Ich habe auch zahlreiche CSS Tutorials gefunden, aber keines in dem erklärt wird wie mein Problem gelöst wird...

Ich habe es mit Simple Custom CSS versucht (weil ich meine style.css nicht verändern will):

li > ul,
li > ol {
    margin-bottom: 350px !important;
}

egal ob mit oder ohne !important, es tut sich nichts. Wenn ich es direkt im style.css ändere funktioniert es seltsamerweise - das möchte ich aber eigentlich nicht

Das ändert auch nichts. Außerdem funktioniert es ja genau so wie ich es gepostet habe wenn ich es im style.css ändere - da habe ich es ja auch rauskopiert.
Er will es nur leider nicht im Custom CSS akzeptieren. Andere Codeschnipsel, die ich in Custom CSS eingefügt habe funktionieren ohne Probleme

EDIT: Genau da lag das Problem. Ich habe beim vorherigen Codeschnipsel vergessen die geschweifte Klammer zu schließen. Jetzt geht es.