JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Wrap" class="clearfix">
    <div id="Coupon">COUPON</div>
   <div id="InnerWrap" class="clearfix">
    <div id="SP">
         <h1>Test</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a nisl mi. Suspendisse tincidunt purus sit amet augue vulputate porttitor sagittis elit lobortis. Maecenas adipiscing ultrices mattis. Nulla facilisi. Aliquam erat volutpat. Sed ut interdum lectus. Sed at nisi justo, vel ultrices purus. Nullam consectetur, mauris in adipiscing commodo, mi leo vehicula eros, non dictum ipsum nisl in magna.</p>
    </div>
    <div id="Grade">
        <span>test</span>
    </div>
        </div>
</div>

<br/>
<hr/>
<br/>

<div id="Wrap" class="clearfix">
    <div id="Coupon">COUPON</div>
   <div id="InnerWrap" class="clearfix">
    <div id="SP">
         <h1>Test</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a nisl mi..</p>
    </div>
    <div id="Grade">
        <span>test</span>
    </div>
        </div>
</div>

CSS

#Wrap {
    position:relative;
    background: purple;
    width: 90%;
    margin:0 auto;
    display:block;
    padding-top: 20px;
}
#Coupon { float: right; height: 20px; position:absolute; top:0; right:0; display:block; background:orange;}
#InnerWrap {
    position:relative;
    background: red;
    margin:0;
    display:block;
    vertical-align:top;
}
#SP {
    float:left;
    margin-left: 5px;
    margin-right:55px; /* width of grade + margin left of #SP div */
}
#Grade {
    float: right;
    position:relative;
    background: green;
    right: 5px;
    top:50%;
    height: 100px; /* #Grade div height */
    width: 50px; /* width of grade */
    margin-top:-50px; /* negative half #Grade div height */
}
.clearfix:after {
    content:".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}