JSFiddle - React, Tailwind, and code Playground

by thecoz21

HTML

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <a href="#chi-siamo"></a>
        <a href="#la-storia"></a>
        <a href="#prodotti"></a>
        <a href="#contatti"></a>
        <a href="#blog"></a>
        <a href="#credits"></a>
    </body>
</html>

CSS

body{
    counter-reset: box;
    margin: 0px;
}
a{
    display: block;
    background: #AAA;
    text-align: center;
    float:left;
    width: 90px;
    border: 1px dotted black;
    line-height: 30px;
    margin: 0 1px;
    color: black;
    text-decoration: none;
}
a::after{
    counter-increment: box; 
    content: counter(box) ": " attr(href);
}