JSFiddle - React, Tailwind, and code Playground

by Caleb Wong

HTML

<div class="pricing" id="DIV_1">
	<p class="offer" id="P_2">
		 <span class="price" id="SPAN_3">$14</span> <span class="period" id="SPAN_4">for the first 14 months</span>
	</p>
	<p class="rrp" id="P_5">
		 <span class="price" id="SPAN_6">then $15</span> <span class="access" id="SPAN_7">monthly</span> <span class="period" id="SPAN_8">Cancel or change anytime</span>
	</p>
</div>

CSS

#DIV_1 {
    border: 0px none rgb(34, 34, 34);
    color: rgb(34, 34, 34);
    font: normal normal normal 16px/16px Arial, 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
    height: 118px;
    line-height: 16px;
    outline: rgb(34, 34, 34) none 0px;
    width: 285px;
}/*#DIV_1*/

#P_2 {
    border: ;
    color: rgb(51, 51, 51);
    font: normal normal normal 16px/12px Arial, 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
    height: 30px;
    line-height: 12px;
    margin: 0px 24px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 8px 0px 22px;
    position: relative;
    text-align: center;
    width: 237px;
}/*#P_2*/

#SPAN_3 {
    border: 0px none rgb(51, 51, 51);
    color: rgb(51, 51, 51);
    font: normal normal normal 38px/30px 'Times New Roman', Times, serif;
    line-height: 30px;
    outline: rgb(51, 51, 51) none 0px;
    position: relative;
    text-align: center;
    top: 8px;
}/*#SPAN_3*/

#SPAN_4 {
    border: 0px none rgb(51, 51, 51);
    color: rgb(51, 51, 51);
    font: normal normal normal 14px/11px Arial, 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
    line-height: 11px;
    outline: rgb(51, 51, 51) none 0px;
    text-align: center;
}/*#SPAN_4*/

#P_5 {
    border: 0px none rgb(51, 51, 51);
    color: rgb(51, 51, 51);
    font: normal normal normal 16px/12px Arial, 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
    height: 46px;
    line-height: 12px;
    margin: 0px;
    outline: rgb(51, 51, 51) none 0px;
    text-align: center;
    width: 285px;
}/*#P_5*/

#SPAN_6 {
    border: 0px none rgb(51, 51, 51);
    color: rgb(51, 51, 51);
    display: block;
    font: normal normal bold 16px/12px Arial, 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
    height: 12px;
    line-height: 12px;
    margin: 10px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    text-align: center;
    width: 285px;
}/*#SPAN_6*/

#SPAN_7 {
    border: 0px none rgb(51, 51, 51);
    color: rgb(51, 51, 51);
    display: block;
    font: normal...