JSFiddle - React, Tailwind, and code Playground

HTML

<div style="padding:5px">
    <div style="display: table-cell; vertical-align: middle;">
    <div class="r90">p</div>
    <div class="r90">o</div>
    <div class="r90">s</div>
    </div><div style="display: table-cell; vertical-align: middle;">
    <div class="r90">(</div>
    <div class="r90">A</div>
    <div class="r90">b</div>
    <div class="r90">s</div>
    <div class="r90">)</div>
    </div>
</div>

CSS

.r90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 1em;
    line-height: 1ex;
    font-family:verdana;
    }