JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div id="yaxisbuttons">
        <p>Y Button 1</p>
        <p>Y Button 2</p>
    </div>
</div>

CSS

body {
    margin:0;
    padding:0;
    height: 300px;
    width: 300px;
}

#yaxisbuttons {
    padding:0px 0px 0px 0px;
    text-align: center;
    margin:170px 0 0 0;
    width: 160px;
    height:40px;
    background:#FF931E;
    z-index:15;
    border-radius: 5px 5px 5px 5px;
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin:left top;
}
#yaxisbuttons p {
    color:#fff;
    display:inline-block;
    line-height:20px;
}