JSFiddle - React, Tailwind, and code Playground

HTML

<div>
      <h2>ABC</h2>
      <span class='item'><a href="/16446013">AAA</a></span>
      <span class='item'><a href="/16439014">BBB</a></span>
      <span class='item'><a href="/15693013">CCC</a></span>
      <span class='item'><a href="/16415014">DDD</a></span>
      <span class='item'><a href="/16418013">EEE</a></span>
      <span class='item'><a href="/16414014">FFF</a></span>
      <span class='item'><a href="/15775014">GGG</a></span>
    </div>
     
    <div>
      <h2>123</h2>
      <span class='item'><a href="/16440013">111</a></span>
      <span class='item'><a href="/16446013">222</a></span>
      <span class='item'><a href="/16439014">333</a></span>
    </div>

CSS

div {
    clear: both;
}

span.item{
  font-size: 15px;
  height: 50px;
  width: 280px;
  border: 1px dashed #FF0000;
  margin: 2px;
  float: left
}