JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="product-price">
    <div class="product-price__previous">
      span<a
    </div>
    <span class="product-price__current">{{ createLabel(price, 'yourPrice') }}</span>
  </div>

CSS

.product-price {
  display: inline-flex;
  align-items: flex-end;
}

.product-price__current {
  font-weight: bold;
  line-height: 1;
}

.product-price__previous {
  font-size: 80%;
  line-height: 1;
  text-decoration: line-through;
}

.product-price__previous + * {
  margin-left: 0.25rem;
}