JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
  <p class="alignleft">left</p>
  <p class="alignright">right</p>
</div>

CSS

div#footer
{
padding: 0px 10px;
line-height: 20px;
overflow: hidden;
    border: 1px solid #ff0000;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}