Previous Message
Next Message

Getting info to vertically align to the center of a div

Sent by Joanne on 21 March 2006 06:06


I have the following css code:
#fooddivs{
background-color: #ffffff;
border: 1px dotted #CCCCCC;
padding: 3px;
margin-top: 8px;
height: 130px;
}

#foodimage{
float: left;
}

#foodinfo{
float: inherit;
margin-left: 200px;}

and the following html:
<div id="fooddivs"><div id="foodimage"><img src="images/burgergodfather.jpg"
width="147" height="100"></div>
<div id="foodinfo">text will be going in here</div></div>

The information is vertically aligning to the top of the main div. How do I
get it to vertically align to the center?

Joanne



______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message