JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<div>this is a test in case if you want to know...</div>
    <div id="divLeft">Lorem ipsum dolor sit amet </div>
    <div id="divRight">Morbi sem  .</div>

CSS

#divLeft {
    margin: 0px;
    padding: 0px;
    width: 220px;
    background-color: #FF0000;
    float: left;
    
          
    padding: 10px;
        color: #4F8A10;
       background-color: #DFF2BF;*/
               color: #900;
        border-top: 1px solid #c00;
        border-bottom: 1px solid #c00;
        padding: 0.25em 0.5em 0.25em 2.5em;
        font-weight: bold;
        position: relative;
        min-height: 1.25em;

    
}
#divRight {
    margin: 0px;
    padding: 0px;
    width: 180px;
     float: left;
    
    /*padding: 10px;*/
        color: #4F8A10;
       background-color: #DFF2BF;*/
               color: #900;
        border-top: 1px solid #c00;
        border-bottom: 1px solid #c00;
        padding: 0.25em 0.5em 0.25em 2.5em;
        font-weight: bold;
        position: relative;
        min-height: 1.25em;

    
}

    #selected_div
    {
        /*padding: 10px;*/
        color: #4F8A10;
        /*background-color: #DFF2BF;*/
        background-color: #ffcccc;
        color: #900;
        border-top: 1px solid #c00;
        border-bottom: 1px solid #c00;
        padding: 0.25em 0.5em 0.25em 2.5em;
        font-weight: bold;
        position: relative;
        min-height: 1.25em;
    }