Meisterlein: HTML-Element skalieren mit transform: scale()

Beitrag lesen

Hallo,

ich habe ein bisschen mit CSS bzw. transform: scale() herumprobiert und versucht, einzelne Textzeilen zu skalieren bzw. zu verzerren. Das funktioniert an sich auch. Doch die Elemente wandern dabei, je nach Wert, nach links oder rechts, was ja wegen der Skalierung nachvollziehbar ist.

<p style="border:1px solid red;font-size:20pt;transform: scale(0.8,1);">Diese Zeile soll schmaler skaliert sein.</p>
<p style="border:1px solid red;font-size:20pt;transform: scale(1.5,1);">Diese Zeile soll breiter skaliert sein.</p>
<p style="border:1px solid red;font-size:20pt;">Diese Zeile ist nicht skaliert.</p>Quelltext hier

Ich hätte nun gerne weiterhin die Absätze linksbündig, so wie die dritte Zeile. Hat jemand eine Idee? Danke! Meisterlein