Как можно оцентрировать значение, которое отражается в ползунке 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);
}
});
Скрин, что получается.
Проблема в том, что значение прижато к левому краю. Как его разместить по центру?