JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<div id="wrapper">
<div class="cols">
  <p ><strong><a target="_parent" href="https://www.rmit.edu.au/library/help/ask-the-library">Ask the Library</a>:</strong> 9 am - 8 pm</p>
  <p ><strong><a target="_parent" href="https://www.rmit.edu.au/library/about-and-contacts/hours-and-locations/brunswick-library">Brunswick</a>:</strong> 8 am - 8 pm</p>
  
</div>
<div  class="cols">
  <p ><a target="_parent" href="https://www.rmit.edu.au/library/about-and-contacts/hours-and-locations/carlton-library"><strong>Carlton</strong></a><strong>:</strong> 8 am - 8 pm</p>
  <p ><a target="_parent" href="https://www.rmit.edu.au/library/about-and-contacts/hours-and-locations/swanston-library"><strong>Swanston</strong></a><strong>:</strong> 8 am - 8 pm</p>
 
</div>
<div  class="cols">
  <p ><a target="_parent" href="https://www.rmit.edu.au/library/about-and-contacts/hours-and-locations/carlton-library"><strong>Carlton</strong></a><strong>:</strong> 8 am - 8 pm</p>
  <p ><a target="_parent" href="https://www.rmit.edu.au/library/about-and-contacts/hours-and-locations/swanston-library"><strong>Swanston</strong></a><strong>:</strong> 8 am - 8 pm</p>
  
</div>
</div>

CSS

#wrapper{
  width: 600px;
}
.cols{
width: 30%;
float: left;

font-family: Arial, sans-serif;
font-size: 16px;
padding: 0 1.3em 0 0;
text-align: center;
}
.cols p{
  line-height: 10px;
  padding-bottom: 0;
  width: auto;
}