JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
    <aside id="ball">
        <form>
            <input type="text" id="ueoa" autocomplete="off" placeholder="Search user" />
            <ul id="caoeu"></ul>
        </form>
    </aside>
    <article id="chat">
        <div id="chat-header"> <span class='label'>Site</span>
 <span id="iiae"></span>

            <button class="btn" id="nht">
                <img src="img/icon/htino.png" />View</button>
        </div>
        <div id="chat-entries"></div>
    </article>
</div>

CSS

#all {
    background: blue;
}
#chat-header {
    background: green;
}
#chat-entries {
    background: yellow;
}
#ball {
    background: red;
    float: right;
}