JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainFooterLinks">
    <div class="divideFooter">
	   <div class="fl_title">Test</div>
	   <div class="fl_links">
	       <ul>
		      <li><a href="#">Solutions</a></li>
			  <li><a href="#">Services</a></li>
			  <li><a href="#">DotNetNuke</a></li>
			  <li><a href="#">Web Design & Development</a></li>
			  <li><a href="#">EDC</a></li>
		   </ul>
	   </div>
	</div>
	<div class="divideFooter">
	   <div class="fl_title">Test Sharepoint</div>
	   <div class="fl_links">
	       <ul>
			  <li><a href="#">Services</a></li>
			  <li><a href="#">Web Parts</a></li>
			  <li><a href="#">Solutions</a></li>
			  <li><a href="#">SharePoint Support</a></li>
		   </ul>
	   </div>
	</div>
	<div class="divideFooter">
	   <div class="fl_title">Test CRM</div>
	   <div class="fl_links">
	       <ul>
		      <li><a href="#">Products</a></li>
			  <li><a href="#">Test Support</a></li>
			  <li><a href="#">Services</a></li>
			  <li><a href="#">Test CRM</a></li>
		   </ul>
	   </div>
	</div>
	<div class="divideFooter">
	   <div class="fl_title">Test DNN</div>
	   <div class="fl_links">
	       <ul>
		      <li><a href="#">Website Development</a></li>
			  <li><a href="#">Skins</a></li>
			  <li><a href="#">Modules</a></li>
			  <li><a href="#">Support & Maintenance</a></li>
			  <li><a href="#">EDC</a></li>
		   </ul>
	   </div>
	</div>
	<div class="divideFooter">
	   <div class="fl_title">Test K12 DRM</div>
	   <div class="fl_links">
	       <ul>
		      <li><a href="#">What is K12DRM?</a></li>
			  <li><a href="#">K12DRM Features</a></li>
		   </ul>
	   </div>
	</div>    
 </div>

CSS

.mainFooterLinks
  {
   max-width:1200px;
   background-color:#333;
   padding:20px 0px 20px 0px;
   margin:0px auto;
   box-sizing:border-box;
     white-space:nowrap;
  }
  .divideFooter
  {
   display:inline-block;
   width:20%;
   vertical-align:top;
   padding:0;
   margin:0;  
     white-space:normal;
  }
  .fl_title
  {
   font-family:Arial;
   color:#cdcdcd;
   font-size:15px;
   font-weight:700;
   padding-left:10px;
  }
  .fl_links a, .fl_links a:link, .fl_links a:active, .fl_links a:visited
  {
    font-family:Arial;
    color:#636363;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
  }
  .fl_links a:hover
  {
   text-decoration:underline;
  }
  .fl_links ul
  {
   list-style-type:none;
   list-style-image:url('fbull.jpg');
   padding:7px 5px 5px 16px;
   margin:0;
  }