JSFiddle - React, Tailwind, and code Playground

by BurpmanJunior

HTML

<div id="container">
    <div id="item-1" class="item">Hey Yannick</div>
    <div id="item-2" class="item">Over Here</div>
    <div id="item-3" class="item">*fish alap*</div>
    <div id="item-4" class="item">Lasangna</div>
    <div id="item-5" class="item">!yanmode on</div>
</div>

CSS

#container{
    position: relative;
    background: #999;
    width: 800px;
    height: 800px;
}
.item{
    position: absolute;
    font-size: 16px;
    font-family: sans-serif;
}
#item-1{
    background-color: red;
    color: white;
    top: 20px;
    left: 30px;
}
#item-2{
    background-color: blue;
    color: white;
    top: 40px;
    left: 300px;
}
#item-3{
    background-color: yellow;
    color: red;
    top: 120px;
    left: 0px;
}
#item-4{
    background-color: green;
    color: white;
    top: 200px;
    left: 30px;
}
#item-5{
    background-color: white;
    color: black;
    top: 400px;
    left: 600px;
}
#item-1{
    background-color: red;
    color: white;
    top: 20px;
    left: 30px;
}
#item-1{
    background-color: red;
    color: white;
    top: 20px;
    left: 30px;
}
#item-1{
    background-color: red;
    color: white;
    top: 20px;
    left: 30px;
}