JSFiddle - React, Tailwind, and code Playground

HTML

<div id="i1">Контейнер 1</div>
<div id="i2">Контейнер 2</div>
<div id="i3">Контейнер 3</div>
<div id="i4">Контейнер 4</div>

CSS

#i1,#i2,#i3,#i4 {
    width: 100%;
    height: 100px;
}
#i1{
    background-color: green;
}

#i2{
    background-color: blue;
    margin: 10px 10px;
    width: 80%;
    position: relative;
    top: -20px;
}

#i3{
    background-color: red;
}

#i4{
    background-color: purple;
}