JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
  <head>
      </head>
  <body>
  <div class="divisionOutputArea">
  <div class="divisionColumn" data-division="true" data-boxed="true">1<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-division="true" data-boxed="true">2<br />2<br /><br /><br /><br /></div>
<div class="divisionColumn" data-division="true" data-boxed="true">3<br />3<br />3<br /><br /><br /></div>
<div class="divisionColumn" data-division="true" data-boxed="true">1<br /><br />1<br />1<br /><br /></div>
<div class="divisionColumn" data-division="true" data-boxed="true">2<br /><br /><br />2<br />2<br /></div>
<div class="divisionColumn" data-result="true">:<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">5<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">=<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">2<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">4<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">6<br /><br /><br /><br /><br /></div>
<div class="divisionColumn" data-result="true">2<br /><br /><br /><br /><br /></div>
This is a Test
  </div>
  </body>
</html>

CSS

.divisionOutputArea {
      background-color: yellow;
    }
    .divisionColumn[data-division=true][data-boxed=true] {
      border: 1px solid black;
      display: inline-block;
      float: left;
    }
    .divisionColumn[data-division=true] {
      display: inline-block;
      float: left;
    }
    .divisionColumn[data-result=true] {
      display: inline-block;
      float: left;
    }