JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text"><svg><text x='100' y='100' font-family='Tahoma' font-size='18' transform='rotate(30)' text-rendering='optimizeSpeed' fill='#888'>some text</text></svg> </div>

CSS

.text{
    margin : 0 auto;
    width : 300px;
    height :300px;
}