JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="vertical-text">Vertical</h1>

CSS

h1
{
    font-size: 14px;
    font-family: Georgia;
}

JavaScript

Element.implement('vertical', function(){
    return this.setStyles({
        'float': 'left',
        'text-align': 'center',
        'line-height': '100%',
        'white-space': 'pre-line'
    }).set('text', this.get('text').split('').join('\n'));  
});


$$('h1').vertical();