JSFiddle - React, Tailwind, and code Playground

by rionmonster

HTML

<input id='add' type='button' value='add' />
<div id="chats-div"></div>

CSS

#chats-div
{
    position:fixed;
    bottom:0;
    right:0;
    z-index: 100;
}

.chat
{
   height:100px;
   width:50px;
   border:1px;
   border-style:solid;
   background-color:White; 
   float:left;              //Added to make them float alongside each other.
}

JavaScript

$('#add').click(function()
    {
        $('#chats-div').prepend("<div class='chat'>Div Contents</div>");
    });