How can I center the text (http:// part)

I have this as the css part but it doesn't seem to work for me

#address_box{
background:url(./images/address.gif) no-repeat;
width: 336px;
height: 46px;
border: none;
font-family: Tahoma;
font-size: 16px;
color: #808080;
line-height: 46px;
vertical-align: middle;
}

Or is there something else I have to add to the CSS?

http://www.proxyforward.com/

Thanks,
Guo Hong

Instead of the putting the vertical-align on the container, put it on the actual element (whether it's a span, or text, or whatever).

If it is text, how can I go about doing it?

Thanks,
Guo Hong

Why did you make the text area so much larger than the text?

Well, if you're just going to put some text inside that div then just put a span around it.

<style type="text/css">
#address_box{
background:url(./images/address.gif) no-repeat;
width: 336px;
height: 46px;
border: none;
font-family: Tahoma;
font-size: 16px;
color: #808080;
line-height: 46px;
}

#address_text {
 vertical-align: middle;
}
</style>


<div id="address_box">

     <span id="address_text">The text here</span>

</div>

Thanks, I appreciate it a lot but actually I am having a form for that container so I have this

<form method="post" action=".....">
<input id="address_box" type="text" name="....." value="http://">
</form>

So actually I have no idea how to vertical center the text in this case as I cannot define another span to be used inside.

@joder, it was suppose to be design of the template but thanks, I will take note of it in the future.

vertical-align doesn't work in CSS they way it does in tables. It refers to the baseline of the text - not it's position inside a div.

There is no easy way to vertically align in CSS, there are a few workaround, like the 'shiv div' method or the 50% margin method.