$(document).ready(function() {
    $('.formula[operator]').each(function(index) {
        var contents = $(this);
        contents.css("border-bottom", " 1px solid black")
            .css("display", "block")
            .css("text-align", "right")
            .css("position", "absolute") //hack to measure the width to be
            .css("vertical-align", "top")

        contents.width(contents.width());
        contents.css("position", "relative");
        

        var operator = contents.attr("operator");
        var line = $('<div></div>')
            .text(operator)
            .css("position", "absolute")
            .css("padding", "0px")
            .css("margin", "0px")

        var op = $('<div></div>')
            .text(operator)
            .css("position", "absolute")
            .css("padding", "0px")
            .css("margin", "0px")

        contents.prepend(op);
        op.css("left", contents.width() + 4);
        op.css("top", contents.height() - op.height() / 2);

    });
});