JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body>
<div id="footer">
<div class="col one"><div>&nbsp; something here</div></div>
<div class="col two"><div>&nbsp; something here </div></div>
<div class="col three"><div>&nbsp; something here </div></div>
<div class="col four"><div>&nbsp; something here</div></div>

<div style="clear: both"></div>
</div>
</body>
</html>

CSS

body{
  padding: 0 10%;
}
#footer
{
  width: 100 %;
  clear: both;
  border: 1px solid #AAA;
}
#footer .col
{
  float: left;
  width: 25%;
}
#footer .col > div
{
  border: 1px solid #CCC;
}