JSFiddle - React, Tailwind, and code Playground

CSS

ul {font-family: monospace}

JavaScript

var items = {'Big title text here xyxyxyx':'(pdf) 57mb', 
             'Small title text':'(pdf) 57mb'
            };

var ul = $('<ul />');

$.each(items, function(k,v) {
    var span1 = $('<span />', {text: k}),
        span2 = $('<span />', {text: Array(60 - (k.length+v.length)).join('.')}),
        span3 = $('<span />', {text: v});
    
    $('<li />').append(span1, span2, span3).appendTo(ul);
});

ul.appendTo('body');