centering text in a div.. valign center

[brown2005]

i have this

 

	echo"	<div id='header-bar'>

			<div class='logo'><a href='$config_website_url/$config_website_url_topic/index.php?page=home'>fantasy-comps.com</a> &#153;</div>

			<div class='banner'><img src='' width='468' height='60' /></div>

		</div>";

 

and then i have

 

		#header-bar
	{

		background-color: #f00;
		overflow: auto;

	}

	#header-bar .logo 
	{

		float: left;

		padding: 15px 10px 15px 10px;

	}

	#header-bar .banner 
	{

		float: right; 

	}	

 

and the main text code is

 

			font: 76%/160% "Arial", Tahoma, Verdana, sans-serif; 
		font-weight: bold;

 

with the a in the header is

 

		#header-bar a
	{

		font-size: 1.75em;

	}	

 

what i want to know..  is there a simple way of centering the div text in the middle of the bar vertically.

[gruzaw]

i had some issues with valign..

you can just put another div inside that one and do something like style='top:50%'

[soycharliente]

Set the line height equal to the height of the div. That will only work for one line though.