Ingo Turski: In Divs zentrieren

Beitrag lesen

Hi,

<div style='border:1px solid yellow;width:100%;vertical-align:middle;'>

also eine Breite von 100% + 2px und damit ein überflüssiger Scrollbalken. Auf width kannst und solltest Du verzichten. Ebenso auf vertical-align, weil diese Eigenschaft für Block-Elemente nicht definiert ist.

<div style='border:1px solid red;text-align:left;float:left;'>Title</div>

Soll das eine Überschrift sein? Dann wäre hX angebracht. Oder doch eher ein label?
Und text-align und float (ohne width) gleichzeitig ist auch sinnlos.

Wie bekomme ich den Text 'Title' zentriert das er auf gleicher Höhe ist, wie die beiden Inputs?

Indem Du geeignete Werte für line-height angibst.

freundliche Grüße
Ingo