JSFiddle - React, Tailwind, and code Playground

by Shanna Barnard

HTML

<div style="margin:5px;">
    <span class="stickyProductctName">This is a really re ally reall yreally  really re ally really re reall y really really rereally really really re rea</span>
    <span class="stickyPrice">$1142.00</span>
</div>

CSS

.stickyProductctName {
text-transform: uppercase;
float: left;
display:inline;
width:85%;
}

.stickyPrice {
font-weight: bold;
width: 10%;
float: right;
margin: 0 10px;
}