JSFiddle - React, Tailwind, and code Playground

CSS

ul {max-width:300px;overflow:hidden;}

JavaScript

var _html = '<h1>text-indent</h1><ul id="list-text-indent">';

for (var i=1; i<=128; i++) {
    _html += '<li style="text-indent:-'+Math.pow(2, i)+'px;">-2^'+i+'</li>';
}

_html += '</ul>';



$(_html).appendTo('body');