JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <span contenteditable="true" id="span">spanChild</span>
    <div contenteditable="true" id="div">divChild</div>
    <ul contenteditable="true" id="ul">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
</body>

JavaScript

var s = document.getSelection();
    
function indent(id) {
    s.collapse(document.getElementById(id), 0);
    document.execCommand('indent', false, null);
}

    indent("span");
    indent("div");
    indent("ul");