JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="div1">
        <img src="" width="25" height="25" />
    </div>
    <div class="div2">b</div>
    <div class="div3">c</div>
    <div class="div4">d</div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background: black;
}
img {
    border:none;
    margin: 0;
    padding: 0;
    height:auto;
}
.div1, .div2,.div3 {
    display: block;
    float:left;
    width: 300px;
    height: 70px;
}
div.wrapper {
    width: 900px;
    height: 100px;
    margin: 0 auto;
    background: red;
    display: block;
    font-size: 0;
}
div.div1 {
    background: green;
}
div.div2 {
    background: blue;
}
div.div3 {
    background: yellow;
}
div.div4 {
    display: block;
    width: 900px;
    height: 30px;
    background: grey;
}