warum ändert position:absolute die Positionierung/Ausrichtung im Element (Container)?

[Gunnar Bittersmann]

@@wilmaed

Frage1: https://codepen.io/wilmaed/pen/yzEjBG

Bitte verlinken: <url> bzw. [text](url) oder per Button über dem Eingabefeld. Ich hab das mal für dich gefixt.

Bei CodePen sollte im Feld HTML nur der Inhalt des bodys stehen. Also nicht der head, nicht die html- und body-Start und -End-Tags.

wenn ich position: absolute; entferne, dann hat es eine optische Wirkung von vertical-align: bottom.

Wie meinen? Ich sehe in deinem Pen nichts von vertical-align: bottom.

Frage2: wo kommt der schwarze Abstand links her?

Aus dem Browserstylesheet. Damit Listen eingerückt sind (Platz für die Bullets), lassen Browser da üblicherweise 40px Platz. Das kannst du auch im Entwicklerwerkzeug deines Browsers sehen; hier Firefox:

Und mit padding-left: 0 überschreiben. Mag sein, dass es in anderen Browsern margin-left ist.

LLAP 🖖