Как оцентрировать значение в slider handle JQueryUI?

Как можно оцентрировать значение, которое отражается в ползунке JQuery UI?

Код, вызывающий ползунок

var handle = $("#custom-handle");
    $("#slider-dist").slider({
        min: 0,
        max: 100,
        create: function() {
            handle.text($(this).slider("value"));
        },
        slide: function(event, ui) {
            handle.text(ui.value);
        }
    });

Скрин, что получается.

Проблема в том, что значение прижато к левому краю. Как его разместить по центру?