Probleme mit Positionierung von Pseudo-Element

[Rolf B]

Ich habe mein Beispiel oben mal rot angemalt - EXAKT so soll es natürlich nicht sein. Eine Klasse .center ist präsentationsbezogenes Markup und zu vermeiden.

Die zu zentrierenden Überschriften befinden sich sicherlich in irgendeiner Art von Container. Dieser Container sollte eine Klasse oder ID haben, der den sachlichen Zusammenhang beschreibt, z.B. class="speisekarte". Im praktischen Einsatz sollte man dann statt h2.center Selektoren finden wie

.speisekarte h2
.speisekarte h2:before

Rolf