Measure text in HTML

measureHtmlText.js

var measureHtmlText = function (text, className) {
        var ruler = $('<span>');
        ruler.addClass(className)
        .css('display', 'none')
        .css('white-space', 'nowrap')
        .appendTo($('body'));
        ruler.text(text);
        var width = ruler.width();
        var height = ruler.height();
        ruler.remove();
        return { width: width, height: height };
    };