JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <button>1</button>
  <button>2</button>
  <button>3</button>
  <button>4</button>
  <button>5</button>
  <button>6</button>
  <button>7</button>
  <button>8</button>
</div>

<div class="vert">
  <button>1</button>
  <button>2</button>
  <button>3</button>
  <button>4</button>
  <button>5</button>
  <button>6</button>
  <button>7</button>
  <button>8</button>
</div>

CSS

.vert {
    -webkit-transform:rotate(270deg);    
}
.vert > * {
    -webkit-transform:rotate(90deg);    
}

div{width:100px;height:100px; border:1px solid black;}