With the following code, how would I write the css so that I can center the text that is there vertically?

HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head>  
	<title> </title>  
	<link rel="icon" type="image/ico" href="favicon.ico">  
	<link rel="stylesheet" href="Style.css" type="text/css" media="screen">  
	
<style type="text/css">  
	html 
	{ 
		font-family: 'Times New Roman', serif; 
		font-size: 11pt; 
		padding: 0; 
	} 
	body 
	{ 
		background: white; 
		margin: 0;
		padding: 0; 
	} 

	#footer-image {
	  position : absolute;
	  background-image: url('Left-Bottom.gif');
	  left : 0;
	  margin : 0;
	  padding : 0;
	  border : 0;
	  width : 191px;
	  height : 142px;
	}
	


</style> 
</head> 
<body>  
	<div id="leftSide">  
		<div id="footer-image">
			<strong><font color="ffffff">Need to Have Text</font></strong>
			<br>
			<font color="ffffff" size="-1">
			Text 1<br>
			Text 2<br>
			Text 3<br>
			Text 4<br>
			An more text.
			
			</font>
		</div>
	</div>  
</body> 
</html>