JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chat">
<div class="chatMessage">
        <p>test</p>
        <p>test 2</p>
</div>
</div>

CSS

#chat {
    display: table;
    height: 200px;
    width: 200px;
    border: 1px solid #000;
}

.chatMessage {
    display: table-cell;
    vertical-align: bottom;
}