JSFiddle - React, Tailwind, and code Playground

by jeremyblalock

HTML

<svg width="100%" height="100%">
  <text y="30" x="0" dx="30" alignment-baseline="text-before-edge">Hello</text>
</svg>
<div class="html-text">
  Hello
</div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.html-text {
  position: absolute;
  left: 30px;
  top: 30px;
  color: #f00;
  opacity: 0.8;
}

text, .html-text {
  font-size: 60px;
}