JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yellowfooterbackground">

<div class="yellowfootercontent">

 <div class="yellowfootercontentleft">


 <p>IPS Fire & Security is a trading name of IPS Facilities - <u><a href="Terms-And-Conditions.html">Terms & Conditions</a></u></p>  

  </div>

  <div class="yellowfootercontentright">

  <p> Web Design & SEO by Raven </p>

 </div>
 </div>
 </div>

CSS

.yellowfootercontent {
height: 30px;
width: 950px;
margin-right: auto;
margin-left: auto;  
 font-family: 'Open Sans', Arial, sans-serif;
 font-size:12px;


}

  .yellowfootercontentleft {
height: 30px;
width: 475px;
float: left;
text-align: left;


 }

 .yellowfootercontentright {
 height: 30px;
 width: 475px;
 text-align: right;
float: right;
 }