Vertikale Zentrierung eines Bildes zwischen zwei Linien

[Felix Riesterer]

Lieber Wolfgang,

ich hoffe Du liest dies noch.

aber logo!

In Deinem Beispiel steht u.a.

form, form p, input { margin: 0 auto; padding: 0; }

Ja, diesen Code hatte ich verbrochen...

Müsste da der Button nicht links/rechts zentriert sein, also in der Zeilenmitte stehen?

Nein. Ein <input>-Element ist ein inline-Element, das standardmäßig mit display:inline versehen wird. Bei als inline formatierten Elementen hat margin nur sehr eingeschränkte Auswirkungen. Der Wert "auto" hat z.B. keine zentrierende Wirkung, da das Element ja nicht die komplette Zeile in Anspruch nimmt.

Falls nicht, wie erreiche ich die Zentrierung des Buttons?

Indem Du seinem Elternelement die Eigenschaft text-align:center zuweist.

Liebe Grüße,

Felix Riesterer.