JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="container">
    <span class="left">
        item
    </span>
    <span class="right">
        des
    </span>
</div>

CSS

.container
{
    width:100%;
    min-height:20px;
    background-color:gray;
}

.left
{
    width:48%;
    padding:1%;
    background-color:red;
    float:left;
}

.right
{
    width:48%;
    padding:1%;
    background-color:aqua;
    display:inline-block;
}