JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

<div id='footer'>
	
   <div id="errors">
       <p>Paragraph 1</p>
   </div>
	       <div id="other">
	               <p>Paragraph 2</p>
	       </div>
	  
   </div>
    
</div>

CSS

#container
{
width:90%;
margin:auto;
background-color:#F6F4F1;
border: 5px solid #00b4b4;
padding:0;
border-radius: 25px;
}

#footer
{
width:100%;
bottom:0;
color:#838B8B;
font-family:verdana;
}

#footer:after {
    content: "";
    clear: both;
    display: table;
}

#errors
{
    float: left;
margin-left:4.5%;
text-align:left;
color:red;
}

#other
{
    float: right;
text-align:right;
margin-right:3%;
display:inline-block;
}