JSFiddle - React, Tailwind, and code Playground

by Elias Barbosa

HTML

<div>
  <svg width="180" height="50" >
  <rect x="0" y="0" rx="0" ry="0" width="100" height="50" style="fill:lightgray; stroke:#1c87c9; stroke-width:0; float: left"/>
  <text style="float: left;">Scalable text</text>

  </svg>

</div>

CSS

div {
  width: 100%;
  height: 100px;
  border: 2px dotted red;
  
}

svg {
  width: 100%;
  height: 50px;
 
}

text {
  transform: translate(20px, 202px);
  font-size: 20px;
  fill: #000;

}