JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<p>I feel like <span class="stretch"><span class="inner">stretching</span></span> and some stuff.</p>

CSS

span.stretch {
  display: inline-flex;
}

span.inner {
  display: flex;
  -webkit-transform:scale(2,1); /* Safari and Chrome */
  -moz-transform:scale(2,1); /* Firefox */
  -ms-transform:scale(2,1); /* IE 9 */
  -o-transform:scale(2,1); /* Opera */
  transform:scale(2,1); /* W3C */
  flex: 0 0 auto;
}

span.stretch::before {
  content: '';
  display: block;
  flex: 0 0 50%;
}