-
Css Aligning Text
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>
-
Re: Css Aligning Text
#footer-image {
position : absolute;
background-image: url('Left-Bottom.gif');
left : 0;
margin : 0;
padding : 0;
border : 0;
width : 191px;
height : 142px;
vertical-align: middle;
}
Try this, but I am not sure if it'll work, considering that you're using DIVs and there are no elements in it.
