Calculate empty vertical space in text

Question

I have a span with CSS:

font-height = 120px; 
height = 120px;
line-height = 120px;

The text within it does not occupy the complete height(120px) of the span. Is there any way to calculate the offset of the text within the span from upper and lower boundaries?

Or is this an way to make the text touch the upper and lower boundaries of the enclosing span tag?

jsFiddle Link for reference.

Answer 1

This visually does it without javascript:

#abc {
    margin: none;
    border: dotted 1px red;
    padding: 0;
    height: 120px;
    font-size:180px;
    line-height:120px;
    display:inline-block;
}

I think you need to use display:inline-block; and adjust the font size according to the actual font you use.

JsFiddle here

Answer 2

The text is already taking 100% (120px) of the span height, you're forgetting other characters like "j" or "Á".

Try this html:

<span id="abc">jÁ / ABC</span>

and this css

#abc {
    margin: none;
    border: dotted 1px red;
    padding: 0;
    display:inline-block;
    /*****120px*****/
    height: 120px;
    font-size:120px;
    line-height:120px;
}

Test: http://jsfiddle.net/jTpfT/17/