JSFiddle - React, Tailwind, and code Playground

by raymondralibi

HTML

<div id='rotateme'>

</div>

CSS

#rotateme {
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 100% 0%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0%;  
    position: absolute;
    right: 100%;
}
a {margin-right:10px; white-space: nowrap;}

JavaScript

var num = Math.round(Math.random() * 10) + 3;
for (var i = 0; i < num; i++) {
    $("#rotateme").append($("<a href='#' >Item " + i + "</a>"));
}