JSFiddle - React, Tailwind, and code Playground

by Deo Santess

HTML

<div id="wrapper">
    <div id="div1">The first</div>
    <div id="div2">next to each other.</div>
    <div id="div3">The two divs are</div>
    <div id="div4">The two divs are</div>
</div>

CSS

#div1 {
    display: inline-block;
    width:220px;
    height:120px;
    border: 1px solid red;
}
#div2 {
    display: inline-block;
    width:260px;
    height:260px;
    border: 1px solid green;
}
#div3 {
    display: inline-block;
    width:100px;
    height:160px;
    border: 1px solid green;
}
#div4 {
    display: inline-block;
    width:100px;
    height:160px;
    border: 1px solid green;
}