JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div class="container">
    <div class="child">1</div>
    <div class="child-2">2</div>
</div>

CSS

body{
    margin: 10px;
}

.container{
    /* position: relative; */
    background: #CCC;
    border: 1px #AAA solid;
    width: 1024px;
    height: 1200px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.child,
.child-2{
    /* position: absolute; */
    background: #BBB;
    border: 1px #AAA solid;
    float: right;
    width: 300px;
    height: 100px;
    clear: right;
}

.child{
    /* top: 30px; */
    /* right: 0; */
    margin-top: 30px;
    
    
}

.child-2{
    /* top: 130px; */
    /* right: 0; */
}