JSFiddle - React, Tailwind, and code Playground

by fschwiet

HTML

<div class='outer'>
<div class='shell'>
<div class="container">
    <a>first</a>
    <a>second</a>
</div>
</div>
</div>

CSS

.outer {
    padding:100px;
}

.shell {
    border: 1px solid yellow
}
.container {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 00% 100%;
    border: 1px solid red;
    padding: 5px
}

a {
    display:inline-block;
    padding:5px;
    border: 2px solid blue
}