<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.