JSFiddle - React, Tailwind, and code Playground

HTML

<!-- footer -->
<div id="footer" >
    
    <!--Community div-->
    <div>
      <h3>Community</h3>
	  <ul>
	      <li>Facebook</li>
	      <li>Twitter</li>
   	      <li>Tumbler</li>
   	      <li>Google plus</li>
      </ul>
    </div>
	
    <!--Contact  support div-->
    <div>	
	  <h3>Contact support</h3>
   	  <ul>
   	      <li>[email protected]</li>
	  </ul>	
    </div>
    
    <!--Legal div-->
    <div>	
	  <h3>Legal</h3>
	  <ul>
	      <li>Terms and conditions</li>
	      <li>Refund policy</li>
	      <li>Privacy Policy</li>
	  </ul>
    </div>
</div>

CSS

#footer {
  border-style:dashed;
}

#footer div {
 
  display: inline-block;

  margin: 1em;
vertical-align:top;
  border-style:dashed;
}

#footer ul {
  list-style-type: none;
  padding:0px;
  margin:0px;
  left:0px;
  right:0px;
}