JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<img src="http://www.iconpalace.com/icon_preview/User%20Graduate%20Girl-278-72.jpg" alt="" />
<div id="textarea"></div>
<div id="div"></div>
<div id="input"></div>
<div id="button"></div>
<div id="p"></div>
</div>

CSS

#container {
    width: 400px;
    height: 200px;
    background-color: grey;
}
img {
    margin: 10px;
    width: 50px;
    height: 50px;
    margin-right: 0;
    float: left;
}
#textarea {
    width: 320px;
    height: 50px;
    margin: 10px;
    background-color: brown;
    float: left;
}
#div {
    height: 120px;
    width: 200px;
    margin-left: 10px;
    background-color: green;
    float: left;
}
#input {
    height: 60px;
    width: 170px;
    background-color: pink;
    margin-left: 10px;
    float: left;
}
#button {
    height: 30px;
    width: 130px;
    background-color: blue;
    float: left;
    margin-top: 10px;
    margin-left: 30px;
}
#p {
    height: 10px;
    width: 170px;
    background-color: yellow;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
}