JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<div id = "main"> 
        <div id="left"> 
             
        </div> 
          
        <div id="center"> 
             
        </div> 
          
        <div id="right"> 
             
        </div> 
    </div>

CSS

#main { 
            height: 100px; 
            border: 1px solid black; 
            font-size: 20px; 
            font-weight: bold; 
            color: white; 
        } 
        #left { 
            float: left; 
            width: 100px; 
            height: 100%; 
            background-color: green; 
        } 
        #center { 
            float: left; 
            width: 100px; 
            height: 100%; 
            background-color: blue; 
        } 
        #right { 
            width: 100%; 
            height: 100%; 
            background-color: green; 
        }