JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<button id="tally">add another</button>
<ol id="count">
</ol>

CSS

li {
    display: inline-block;
    height: 20px;
    border: 2px solid #000;
    margin: 0 2px 0 0;
}

li:nth-child(5n) {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    height: 30px;
    position: relative;
    left: -15px;
    top: 5px;
    margin-right: 10px;
}

JavaScript

$('#tally').click(
        function(){
            $('<li />').prop('class','tally').appendTo('#count');
            return false;
        });