Faz algo como-moz-background-inline-policy existe no Webkit? Essa propriedade basicamente oferece a oportunidade de especificar como o plano de fundo deve renderizar para cada linha de um elemento embutido. Anexo a imagens do mesmo elemento em diferentes navegadores.

Este é o resultado no firefox (com-moz-background-inline-policy: each-box;)

Isto está no Google Chrome (eu tentei-webkit-background-inline-policy, mas parece que não existe)

ATUALIZA

Como não há nenhuma propriedade de diretiva de plano de fundo no Webkit, estou tentando encontrar uma solução diferente usando o jQuery. Estou adicionando um espaço extra atrás de cada linha de texto. Tudo bem, exceto pelo fato de o texto não ser medido corretamente. Você pode ver os dois exemplos em ação aqui:

Solução original (política embutida em segundo plano):http: //jsfiddle.net/notme/mCnGy/5 Nova solução (jQuery se estende):http: //jsfiddle.net/notme/my3br/1SOLUÇÃ

//thanks @Peter Bailey - http://stackoverflow.com/questions/2456442/how-can-i-highlight-the-line-of-text-that-is-closest-to-the-mouse/2456582#2456582
jQuery.fn.wrapLines = function(openTag, closeTag) {
    var dummy = this.clone().css({
        top: -9999,
        left: -9999,
        position: 'absolute',
        width: this.width()
    }).appendTo(this.parent()),
        text = dummy.text().match(/\S+\s+/g);

    var words = text.length,
        lastTopOffset = 0,
        lines = [],
        lineText = '';

    for (var i = 0; i < words; ++i) {
        dummy.html(
        text.slice(0, i).join('') + text[i].replace(/(\S)/, '$1<span/>') + text.slice(i + 1).join(''));

        var topOffset = jQuery('span', dummy).offset().top;

        if (topOffset !== lastTopOffset && i != 0) {
            lines.push(lineText);
            lineText = text[i];
        } else {
            lineText += text[i];
        }

        lastTopOffset = topOffset;
    }
    lines.push(lineText);

    this.html(openTag + lines.join(closeTag + openTag) + closeTag);
    dummy.remove();
};

//thanks @thirtydot
var fixIt = function() {
    //remove previous .dummy
    $('.dummy').remove();

    $('div.node-title-text').each(function(index) {

        var dummy = $(this).clone().removeClass().addClass('dummy').appendTo($(this).parent());
        console.log(dummy);
        $(dummy).wrapLines('<span><span>', '</span></span>');

        var padding = 15;

        dummy.css({
            left: -padding,
            right: -padding
        }).find(' > span').css('padding-left', padding*2);

    });
};

$(window).load(function(){
    $(window).resize(fixIt).resize(); //trigger resize event onLoad
});