JSFiddle - React, Tailwind, and code Playground

by pedro_g_s

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="139" height="28" font-size="16px">
  <style scoped="">
    html::-webkit-scrollbar {
      display: none;
    }

  </style>
  <foreignObject x="0" y="0" width="139" height="28" style="float: left;" externalResourcesRequired="true">
    <html xmlns="http://www.w3.org/1999/xhtml">

      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <style>
          html {
            text-size-adjust: none;
          }

          * {
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
            border-width: 0px;
            -webkit-font-smoothing: auto;
            word-break: break-word;
          }

          #container {
            width: 139px;
            height: 28px;
          }

        </style>
      </head>

      <body>
        <div id="container">
          <span style="font-family: Helvetica; color: rgb(0, 0, 0); font-size: 24px;">111111</span>
        </div>


      </body>

    </html>
  </foreignObject>
</svg>