JSFiddle - React, Tailwind, and code Playground

by Markov88

HTML

<div class="deal">
          <span class="price">&dollar;29</span>
          <span class="period">per month</span>
        </div>

CSS

.price {
  font-size: 50px;
}
.monthly {
  color: #d0d3d4;
  vertical-align: middle;
  display: inline-block;
}
 

.deal{
  display:flex;
  align-items:center;
}
.period{
  margin-left:0.5rem;
}