JSFiddle - React, Tailwind, and code Playground

HTML

<div class="folder" title="folder1"></div>
<div class="folder" title="folder2"></div>
<div class="folder" title="folder3"></div>

CSS

.folder {
    background-color: rgb(100,100,100);
    border-radius: 10px;
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
}

.wrapper {
    text-align: center;
    float: left;
    margin: 10px;
}
.wrapper .folder { float: none; margin: 0; }

JavaScript

$('.folder').each(function(){
    $(this).wrap($('<div class="wrapper" />')).parent().append($('<p>' + $(this).attr('title') + '</p>'));
});