JSFiddle - React, Tailwind, and code Playground

by Cal Francesco

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: flex;
    flex-direction: row;
  
}

.childThing {
    text-align: center;
    color: #fff ;
    background-color: #4C839D;
    font-size:15px;
    border:1px solid white;
    outline:0;
    flex-grow: 1;
    flex-basis: 250px;
     word-wrap: break-word;
}