JSFiddle - React, Tailwind, and code Playground

by Ayyappan Sakthivadivel

HTML

<svg>
    <text y="50" transform="translate(100)">
       <tspan x="-10" text-anchor="middle">000012340000</tspan>
       <tspan x="0" text-anchor="middle" dy="15">1234</tspan>
   </text>
</svg>

CSS

svg {
    width: 200px; height: 100px;
    text-align: center;
    border: solid 1px blue;
    font-family: monospace;
}