valign bottom image

[esthera]

.thumbimage{
width:125px;
height:180px;
border: thin solid #999999;


}

above is my css

this is a div around an image

how can I make it that any image in this div should be vertical aligned centered>

[KDLA]

Take a look at this: http://www.ibloomstudios.com/article...-align_misuse/

[esthera]

does this mean there is no real way if I don't use tables?

[KDLA]

the vertical-align property must be applied to the inline-level element that is a child of another element.

Change the display of your image to inline and the enclose it in a block-styled div.

#box {display: block; width: 300px; height: 300px;}
#box img {display: inline; vertical-align: middle;}

KDLA

[esthera]

this didn't work

.thumbimage{
width:125px;
height:180px;
border: thin solid #999999;
display:block;.

}
.thumbimage img {
display: inline;
vertical-align: middle;

}