Live
x
<div class="g-wrap rl"> <h2>凉州词</h2> <p>葡萄美酒夜光杯,</p> <p>欲饮琵琶马上催。</p> <p>醉卧沙场君莫笑,</p> <p>古来征战几人回。</p></div><div class="g-wrap lr"> <h2>凉州词</h2> <p>葡萄美酒夜光杯,</p> <p>欲饮琵琶马上催。</p> <p>醉卧沙场君莫笑,</p> <p>古来征战几人回。</p></div>
Live
xxxxxxxxxx29
@import url('https://fonts.googleapis.com/css2?family=Long+Cang&display=swap');html, body { width: 100%; height: 100%; display: flex; font-family: 'Long Cang', cursive;}div { margin: auto;}h2 { font-size: 42px; padding: 0 10px;}p { font-size: 28px; line-height: 2;}.rl { writing-mode: vertical-rl;}.lr { writing-mode: vertical-lr;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.