JSFiddle - React, Tailwind, and code Playground

by maxx0r

HTML

<ul>
<li>
    <a href="">Link p1</a>    
</li>
<li>
    <a href="">Link to page 23</a>    
</li>
<li>
    <a href="">Link to all pages possible</a>    
</li>
</ul>

CSS

li { float:left; }
li a { display:block; text-align:center; padding:0 10px;}
li a:after {                   
                  content: " ";
                  width: 0; 
                  height: 0; 
                  border-left:15px solid rgba(0,0,0,0.0);
                  border-right:15px solid rgba(0,0,0,0.0);
                  border-top:15px solid #EF7D00;
                  display:table-cell;
                              
                  text-align:center;                  
                  z-index: 0;
    
                }