<div class="css-example">
  <div id='rotation1'>
    <div class='content'>
      <h2>Bacon Title</h2>
      <p>Bacon ipsum dolor amet sint t-bone et aliquip proident ex dolor. Landjaeger tail duis, nostrud brisket strip steak shankle turducken. Laborum sausage aliqua, non quis laboris est brisket reprehenderit ball tip cow capicola. Meatloaf commodo jerky
        adipisicing.</p>
      <p>Ad short ribs adipisicing, lorem beef elit eiusmod laborum pork belly labore. Aliqua jowl id, ut cupim in swine short ribs. Nulla short loin enim drumstick in, minim rump pancetta. Fatback qui corned beef, strip steak spare ribs elit minim pig.
        Cupidatat aliquip pariatur, pork belly tenderloin flank cillum.</p>
      <p>Bacon ipsum dolor amet sint t-bone et aliquip proident ex dolor. Landjaeger tail duis, nostrud brisket strip steak shankle turducken. Laborum sausage aliqua, non quis laboris est brisket reprehenderit ball tip cow capicola. Meatloaf commodo jerky
        adipisicing.</p>
      <p>Ad short ribs adipisicing, lorem beef elit eiusmod laborum pork belly labore. Aliqua jowl id, ut cupim in swine short ribs. Nulla short loin enim drumstick in, minim rump pancetta. Fatback qui corned beef, strip steak spare ribs elit minim pig.
        Cupidatat aliquip pariatur, pork belly tenderloin flank cillum.</p>
      <p>Bacon ipsum dolor amet sint t-bone et aliquip proident ex dolor. Landjaeger tail duis, nostrud brisket strip steak shankle turducken. Laborum sausage aliqua, non quis laboris est brisket reprehenderit ball tip cow capicola. Meatloaf commodo jerky
        adipisicing.</p>
      <p>Ad short ribs adipisicing, lorem beef elit eiusmod laborum pork belly labore. Aliqua jowl id, ut cupim in swine short ribs. Nulla short loin enim drumstick in, minim rump pancetta. Fatback qui corned beef, strip steak spare ribs elit minim pig.
        Cupidatat aliquip pariatur, pork belly tenderloin flank cillum.</p>
    </div>
  </div>
</div>

div.css-example {
  padding: 1em;
}

div#rotation1 .content {
  border: 1px solid #cc092f;
  font-family: 'Stone-Humanist', sans-serif;
  line-height: 1.3;
  margin-top: 1em;
  padding: 1em;
  -moz-column-width: 150px;
  -webkit-column-width: 150px;
  column-width: 150px;
  -moz-column-gap: 4em;
  -webkit-column-gap: 4em;
  column-gap: 4em;
}

div#rotation1 h2 {
  -webkit-transform: rotate(-90deg) translateX(-1em);
  -moz-transform: rotate(-90deg) translateX(-1em);
  transform: rotate(-90deg) translateX(-1em);

  -webkit-column-break-after: always;
  break-after: column;
}