JSFiddle - React, Tailwind, and code Playground

HTML

<div> 
   <a href="">Point 1</a> 
   <a href="#1">Point_12000</a> 
   <a href="#2">Point 123</a> 
   <a href="#3">Point</a> 
 </div>

CSS

div { float: left; border: solid red 1px; text-align: center; } 
div > a:nth-of-type(-n+3) { display: block; border: solid blue 1px; 
     padding: 5% 10%; /* !!! */ 
text-align: left; font-size: 150%; }