body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

ul {
    max-width: 60em;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

    ul li.files:before {
        float: left;
        width: 0;
        white-space: nowrap;
        content: 
            ". . . . . . . . . . . . . . . . . . . . " 
            ". . . . . . . . . . . . . . . . . . . . " 
            ". . . . . . . . . . . . . . . . . . . . " 
            ". . . . . . . . . . . . . . . . . . . . " 
            ". . . . . . . . . . . . . . . . . . . . " 
            ". . . . . . . . . . . . . . . . . . . . "
    }

    ul span.name {
        padding-right: 0.33em;
        background: white
    }

    ul span + span {
        float: right;
        padding-left: 0.33em;
        background: white
    }