<p>line-height zeilenhöhe nicht identisch

[themaster3000]

Hallo, habe ein kleines Problem, dass ich weder über HTML, noch über CSS lösen kann.

CSS: p {LINE-HEIGHT: 0.65em;}

HTML:
<p class="plus">beste Qualität</p>
<p class="plus">inkl. LED-Blitz</p>
<p class="plus">großes Auswahl an Ersatzteilen</p>
<p class="minus">kein Display</p>
<p class="minus">schlechte Hapik</p>

Ergebnis:


Wie erreiche ich, dass sowohl für den Absatz-Tag <p> als auch die automatisch erstellten Absätze die selbe Zeilenhöhe (LINE-HEIGHT) gilt ???

[themaster3000]

Würde ich nun line-height auf 1em erhöhen, erhöht sich der Abstand auch nicht gleichmäßig

zwischen dem <p>-Tag ist der Abstand von 5px auf 10px gewachsen (Differenz: 5px)
zwischen dem Zeilenumbruch ist der Abstand von 0px auf 3px gewachsen (Differenz: 3px)

Ergebnis: p {LINE-HEIGHT: 1em;}

[th2409]

Ich vermute mal, dass es an den Margin-Einstellungen des <p> liegt - die sind standardmäßig nämlich nicht 0.
Abgesehen davon ist aus meiner Sicht die Semantik nicht korrekt; ich hätte es alles in eine ul gesteckt, damit habe ich nur noch einheitliche Elemente ohne Absatz. Das lässt sich auch CSS-mäßig besser behandeln.

[themaster3000]

...dass es an den Margin-Einstellungen des <p> liegt - die sind standardmäßig nämlich nicht 0

Das ist des rätsels Lösung, danke danke! Vielen Dank!!

...aus meiner Sicht die Semantik nicht korrekt...

Es handelt sich, bei dem hier veröffentlichten, um ein stark vereinfachtes Beispiel!
Ich habe eine Funktion eingebaut, dass durch einen mouseover ein neuer Layer visible wird (nur CSS ohne Einsatz von JS)
Durch den Einsatz der ul li (Aufzählungszeichen) macht der IE Probleme (Browserbug) weßhalb ich uhne ul li auskommen muss.

Aber danke für den Tipp mit dem margin.