CSS Text centered inside a DIV

Question

I am trying to achieve something and can't manage to do so.

I have a div with fixed HEIGHT & WIDTH. I want the text to be centered vertically.

up till now I managed to do so:

<div>
   <a>this is a long text</a>
</div>

and it will look like this

-------------
This is a long
    text
-------------

which is great

But if the line won't wrap it will look like this

------------
This is short

-------------

.the-div
{
height:29px;
line-height:14px !important;
}

.the-a
{
font-size:12px;
}

I need this to be valigned as well!

I tried using line-height and to play with is with JS to understand if its wrapping or not and then changing the line-height accordingly

Thanks for the help

Answer 1

try this example

http://jsfiddle.net/fcalderan/3HBC4/1/