JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<div id="container">
    <div id="div1" class="c1">Hello CSS1!</div>
    <div id="div2" class="c1">Hello CSS2!</div>
    <div id="div3" class="c1">Hello CSS3!</div>
    <div id="div4" class="c1">Hello CSS4!</div>
    <div id="div5" class="c1">Hello CSS5!</div>
    <div id="div6" class="c1">Hello CSS6!</div>
</div>

<div style="color:red;">Hello Web Stack</div>

CSS

#container div, span{
    border: 10px solid red;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
}

#div6{
    float: right;
}

#div3{
    position: relative;
    left: 50px;
    top: -50px;
}