JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div class="pack">
    <h3>Titre ici</h3>
    <p>Lorem Ipsum blablabla blablabla blablabla blablablabla blablabla blablabla blablabla blablabla blablabla blablabla</p>
    <div class="price">
        <div class="pull-right">289€</div>
    </div>
</div>

CSS

.pack {
    width:500px;    
    border:#aaa 1px solid;
    display:inline-block;
}

.pack p {
    width:350px;
    text-align:justify;
    float:left;
    margin:0;
}

.price {
    display:inline-block;
    width:150px;
}

.pull-right {
    min-width:20px;
    max-width:50px;
    padding: 10px 15px;
    font-weight:bold;
    background:#6896cf;
    color:#fff;
    text-align:center;
    float:right;
}