Vertical align for div

Anyknow knows of a way to align text inside a div vertically? I tried
vertical-align: middle;
but it didn't work at all, the text is still at top

 

A <div> is a block level element but vertical-align only works on inline elements.

 

yup, but is there any way to align vertically in div?

 

Assuming you want to push it down, padding at the top expressed in pixels should do the job.

This is easy to set in your css file. I have different padding for each identified div.

 

If I want the stuff inside the divs to be dynamic (ie, php) not static, I am sure padding will not do the job alright

 

Centering one or more lines of text vertically in a box is not that difficult in modern browsers. It's IE that requires the sleight of hand and bits of legerdemain to pull it off. See my little tutorial, vertical centering of inline elements.

cheers,

gary

 

The more dynamic content you have, particularly if you want sibling elements to be relational to each-other, the more likely it is you may be forced into using a table.

CSS/DIV can do a good deal, but there are a number of things it cannot do.