JSFiddle - React, Tailwind, and code Playground

by Mohammed Ismail Ansari

HTML

<div id="outer">
    <div id="one">
        <div id="inner">
            This is the content
        </div>
    </div>
</div>

CSS

div#outer
{
    display: inline-block;
    background-color: Red;
}

div#one
{
    margin: 50px;
    
    border: 10px solid Black;
    
    padding: 30px;
    
    width: 300px;
    height: 200px;
    
    background-color: Green;
}

div#inner
{
    background-color: Yellow;
    height: 100%;
    width: 100%;
}

JavaScript

// CSS3 Box Model