JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<style type="text/css">
.table{ display: table;}
.tablerow{ display: table-row; }
.tablecell{ display: table-cell; border-top:1px solid black; border-bottom:1px solid black;}
.tablecellleft{display: table-cell; border-left:1px solid black;}
.tablecellright{display: table-cell; border-right:1px solid black;}

</style>
<div class="table">
<div class="tablerow">
    <div class="tablecell tablecellleft">Hello</div>
    <div class="tablecell tablecellright">world</div>
</div>
<div class="tablerow">
    <div class="tablecell tablecellleft">foo</div>
    <div class="tablecell tablecellright">bar</div>
</div>
</div>
</html>