JSFiddle - React, Tailwind, and code Playground

by kflorence

HTML

<div class="vertical-text">Vertical</div>
<div class="vertical-text">Text</div>

CSS

.vertical-text {
    background-color: #eee;
    display: inline-block;
    letter-spacing: 1em;
    overflow: hidden;
    width: 1em;
    font-size: 40px;
    text-align: center;
    /*text-transform: uppercase;*/
    word-wrap: break-word;
}