How do you vertically center content in a text input box?

[wienerdog]

I'm trying to figure out a way to vertically center the text that a user inserts into a text input field. I styled the input box with the following CSS:

input.field_entry {
border:1px solid #B1B1B1;
border-top:2px solid #B1B1B1;
height:2em;
display:block;
margin-bottom:10px;
min-width:4.5em;
}

input.field_entry:focus, input.sffocus {
border-color:#F2882B;
}


Any suggestions?

[Drazan]

line-height: 130% ;

you can use percent, em, px, or any measurement. Adjust as needed.

[wienerdog]

line-height: 130% ;

you can use percent, em, px, or any measurement. Adjust as needed.

That didn't seem to cause any change. Weird.

[tZ]

Use padding rather than setting an absolute height.

CSS

input.field_entry {
border:1px solid #B1B1B1;
border-top:2px solid #B1B1B1;
padding: .5em 0;
display:block;
margin-bottom:10px;
min-width:4.5em;
}

input.field_entry:focus, input.sffocus {
border-color:#F2882B;
}

[wienerdog]

I never got back to this. Yeah, that worked. Thanks!