JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="container">
    <div class="item">
        <p>1</p>
    </div>
    
    <div class="item">
        <p class="desconto-natal-25- qd_sp_on">Desconto 25%</p>
    </div>
    
    <div class="item">
        <p>3</p>
    </div>
</div>

CSS

.container{
    padding:10px;
    width:100%;
    background:#f2f2f2;
    display: flex;
    justify-content: space-between;
}

.item{
    height:250px;
    width:33%;
    float:left;
    background:#333;

}