JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div>
  <p>
   
    <span>1</span> <strong>2</strong> <span>3</span> <em>4</em>
  </p>
</div>

CSS

p {
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  column-count: 2;
  column-gap: 10px;
  transform: rotate(-90deg) scale(1);
}

p * {
  padding:90px;
  transform: rotate(0deg) scale(1) !important;
}