JSFiddle - React, Tailwind, and code Playground

by Darren Gates

HTML

<div class="content">

<div class="content-item">
  <span class="section1">this is the first block this is the first block this is the first block this is the first block this is the first block this is the first block this is the first block this is the first block this is the first block this is the first block</span>
</div>
<div class="content-item">
  <span class="section2">this is the second block this is the second block this is the second block this is the second block this is the second block this is the second block this is the second block this is the second block</span>
</div>

</div>

CSS

.content {
  display: block;
  line-height: 0;
}
.content-item {
  display: inline;
}
.section1 {
  font-size: 3vw;
  line-height: 8vw;
  display: inline;
}
.section2 {
  font-size: 4vw;
  line-height: 10vw;
  display: inline;
}