<p class="vertical-lr">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit soluta maxime deserunt at sit, hic, reprehenderit odit rem nisi perspiciatis, sed neque odio quis quod nulla quos laboriosam magni veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere et quia iusto delectus aliquam omnis provident quos magnam maxime enim dolorum, corrupti excepturi? Nam quia architecto necessitatibus magnam, iste sequi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum repellendus dolorum, nostrum sit eaque quisquam nemo! Tempore sed, dignissimos dolore earum corporis obcaecati veritatis hic illum. Nesciunt eveniet, doloremque porro? pti excepturi? Nam quia architecto necessitatibus magnam, iste sequi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum repellendus dolorum, nostrum sit eaque quisquam nemo! Tempore sed, dignissimos dolore earum corporis obcaecati veritatis hic illum. Nesciunt eveniet, doloremque porro?</p>
p {
  font-family: Georgia, serif;
  font-size: 18px;
}

.vertical-lr {
  writing-mode: vertical-lr;
  &:first-letter {
    color: #ff4136;
    font-weight: bold;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.