display:flex

<div class="tree-item-left">
                    ${checkboxHtml}
                    ${iconHtml}
                    <span class="file-name" title="${name}" ${clickAction}>${name}</span>
                </div>
                <div style="display:flex; align-items:center;">
                    ${sizeHtml}
                    ${actionsHtml}
                    ${progressHtml}
                </div>
            </div>
        `;

        if (isFolder) {
            const details = document.createElement('details');
            const summary = document.createElement('summary');
            summary.appendChild(div);
            details.appendChild(summary);

            const childrenContainer = document.createElement('div');
            childrenContainer.className = 'children-container';
            details.appendChild(childrenContainer);

            details.__treeNode = obj;
            details.__rendered = false;

// Basic usage of display:flex
const result = display:flex("example");
console.log("Result:", result);