Welcome to WebmasterWorld Guest from 220.127.116.11
Forum Moderators: not2easy
Before I provide the code, here is the explanation: Many of us have tried to use vertical-align on divs, with no success. The reason being that vertical-align aligns content according to line-height... OR image height! By using a 100% height image - you can vertically align inline content (NOT BLOCK CONTENT!).
But you don't always want to put an image in wherever you want to vertically align content. Fortunately, you can set the images visibility to hidden and it will still work!
Here is the CSS:
vertical-align:middle; /*or other accepted alignment*/
Remember this must be applied to images only! For example:
<img class="valigner"> <!-- You don't need to specify src -->
Tell me what you think!