JSFiddle - React, Tailwind, and code Playground

by pedro_g_s

HTML

<svg xmlns='http://www.w3.org/2000/svg' width='347' height='28'><style scoped=''>html::-webkit-scrollbar { display: none; }</style><foreignObject x='0' y='0' width='347' height='28' style='float: left;' externalResourcesRequired='true'><html xmlns='http://www.w3.org/1999/xhtml'><head>
                <meta charset='UTF-8'/>
                <style>
                    * {
                        margin: 0;
                        padding: 0;
                        box-sizing: border-box;
                        border-width: 0px;
                        font-smooting: auto;
                        -webkit-font-smoothing: auto;
                        word-break: break-word;
                    }
                    #container {
                        width: 347px;
                        height: 28px;
                    }
                </style>
                </head>
            <body>
                <div id='container'>
                <span style='font-family: Helvetica; color: rgb(0, 0, 0); font-size: 24px;'>Algot this is a test blah blah blah </span>
                </div>
            </body></html></foreignObject></svg>