JSFiddle - React, Tailwind, and code Playground

by Leonid Artemev

HTML

<div class="textwidget-container" style="position: absolute; width: 403px; left: 181px; top: 306px; height: auto; transform: rotate(0deg); -webkit-transform: rotate(0deg); zoom: 1; -webkit-user-select: text;">
    <style type="text/css">
        .textwidget-editfield p {
            word-wrap: break-word;
            margin: 0;
            padding: 0;
        }
        ol, ul {
            padding: 0 0 0 20px;
        }
        body {
            padding:0;
            margin:8px;
            font-size: 14px;
        }
        svg {
            font-kerning: normal;
        }
    </style>
    <div class="textwidget-editfield" style="text-align: center; color: rgb(140, 198, 63); font-family: Arial; font-size: 14px; width: 387px; min-height: 16px; overflow: hidden; display: inline-block; word-wrap: break-word; margin: 8px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-user-select: text;" contenteditable="true">gffffffffffffffffffffffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration: underline;">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</span></i>ddddklkfffffffd<i><span style="text-decoration:...