JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul { float: left; border: solid red 1px; text-align: center; list-style: none; margin: 0; padding: 0;} 
  ul > li:nth-of-type(-n+3) { display: block;border: solid blue 1px; padding: 5% 10%; margin: 0 -20% 0 0;/* !!! */ 
text-align: left; font-size: 150%; white-space: nowrap;}