Как программно определить, какую площадь займет блок в браузере?
Бо большому счету никак: только у пользователя отрендерить и жаваскриптом опросить. Даже если взять какой-то конкретный браузер, то могут быть разные шрифты установлены, разные размеры базового шрифта в настройках. Не говоря уже о «мелочах» вроде погрешности различных режимов сглаживания. Например в cleartype может «набежать» несколько лишних пикселей в строке, перенесется слово, и дальше уже высота блока сильно вырастет.
Я, конечно, мог не совсем правильно понять вопрос, но что мешает открыть страницу в Firefox и посмотреть метрику элемента через Firebug?