When I use this style:

#p1 {
        left: 44px;
        top: 39px;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        background-image: url(images/circle_small.gif);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
}


with this div:

<div id="p1"  >
        This is a title
</div>

why does the text align in the center horizontally but at the top  
vertically?

Shouldn't "vertical-align: middle" place the text in the center  
vertically?

--Kenoli


Kenoli Oleari
1801 Fairview Street
Berkeley, CA  94703
Neighborhood Assemblies Network
510-601-8217, [EMAIL PROTECTED]
http://www.sfnan.org, http://www.horizonsofchange.com




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to