JSFiddle - React, Tailwind, and code Playground

by joshdavenport

HTML

<div style="" class="pContiner">
    <div class="dContiner">
        <div class="d1"></div>
        <div class="d2"></div>
        <div class="d3"></div>
        <div style="clear: both;" class="clear"></div>
    </div>
</div>

CSS

.pContiner {
    width:100px;
    overflow:scroll;
}
.dContiner{
    background:yellow;
    height: 120px;
    width: 300px;
}
.d1{
    background: none repeat scroll 0 0 red;
    float: left;
    height: 100px;
    width: 100px;
}
.d2{
    background: none repeat scroll 0 0 blue;
    float: left;
    height: 100px;
    width: 100px;
}
.d3{

    float: left;
    height: 100px;
    width: 100px;
    background:green;
}