JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column-container"><!-- columns container -->
          <div class="col-5-with-rule"><!-- column -->
            <p>Table cell</p>
          </div><!-- #column -->
          <div class="col-5-with-rule"><!-- column -->
            <p>Table cell</p>
          </div><!-- #column -->
           <div class="col-5-with-rule"><!-- column -->
            <p>Table cell</p>
          </div><!-- #column -->
        </div><!-- #columns container -->

CSS

.column-container {
  display: table;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.column-container .col-5-with-rule {
  display: table-cell;
  vertical-align: top;
  border-left: none;
  padding-left: 0;
  padding-right: 1px;
}
.column-container .col-5-with-rule ~ .col-5-with-rule {
  border-left: 1px solid #d1d1d1;
  padding-left: 1px;
  padding-right: 1px;
}