JSFiddle - React, Tailwind, and code Playground

HTML

<section class="categories">
    <header><h3>TOP CATEGORIES</h3></header>
    <a href="/">Furniture<span>185 items</span></a>
    <a href="/">Fashion<span>4,729 items</span></a>
    <a href="/">Pets<span>4 items</span></a>
</section>

<section class="categories">
    <a href="/">Furniture<span>185 items</span></a>
    <header><h3>TOP CATEGORIES</h3></header>
    <a href="/">Fashion<span>4,729 items</span></a>
    <a href="/">Pets<span>4 items</span></a>
</section>
<a href="/">Fashion<span>4,729 items</span></a>
<a href="/">Pets<span>4 items</span></a>

CSS

section:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px dotted blue;
}

a {
    display: inline-block;
    width: 270px;
    margin-left: 20px
}

a:nth-child(1) {
    border: 5px solid black;
}

a:nth-child(3) {
  border: 5px solid red;
}