Ich weiß, dass das Rendern von HTML-E-Mails ein Jammertal ist, aber das ist einfach zu seltsam.
Ich versuche, einen einheitlichen vertikalen Abstand zwischen meinen Elementen zu erhalten. Ich habe <hr>
Elemente, die ich als Trennlinien verwende, und ich versuche, sie mit Rändern oben/unten zu versehen. Allerdings, auch wenn ich diese Ränder inline anwenden, ist die CSS wird verstümmelt, wenn ich es in meinem Gmail-Client zu überprüfen.
Zum Beispiel,
Gesendet als:
<hr style='margin:20px 0 2px 0;' />
Empfangen als:
<hr style='margin:2 0px 0 2px 0;' />
Was?...
Gesendet als:
<hr style="margin-top:20px; margin-bottom:2px;" />
Empfangen als:
<hr style="margin-bottom:2px;" />
Komm schon...
Ich dachte, dass Inline-Stile sicher wären, und dass, selbst wenn das Rendering fehlschlägt, zumindest das eigentliche CSS nicht verstümmelt würde. Womit habe ich es hier zu tun?
(Ich versende diese mit den standardmäßigen PHP mail()-Funktionen von einer WordPress-Website aus)