In Divs zentrieren

[Andi]

Hallo,

ich habe folgenden Code:

<div style='border:1px solid yellow;width:100%;vertical-align:middle;'>
<div style='border:1px solid red;text-align:left;float:left;'>Title</div>
<div style='border:1px solid blue;float:right;'><input type='submit' value='Save' /><input type='submit' value='Abort' onClick='self.close();' /></div>
</div>

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

Danke und Gruß
Andi

[Ingo Turski]

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