JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tempTable">
	<a href="a"  class="childThing" >A</a>
	<a href="b" class="childThing ">sdfdssdfsdfdsfdsfdsffsdfsdfsdf </a>
	<a href="c"  class="childThing" >sdfsdf</a>
	<a href="d"   class="childThing" >sdfdsf</a>
</div>

CSS

.tempTable {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    max-width: 1000px;
}

.childThing {
   -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    text-align: center;
    display: block;
    color: #fff ;
    background-color: #4C839D;
    font-size:15px;
    border:none;
    position: relative;
    outline:0;
}