1152941-1-orthogonal-blocksize-overflow-ref.html (871B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 html { 7 -webkit-writing-mode: vertical-rl; 8 writing-mode: vertical-rl; 9 font: 16px/24px monospace; 10 padding: 20px; 11 } 12 body { 13 width: 40em; 14 height: 25em; 15 } 16 blockquote { 17 -webkit-writing-mode: horizontal-tb; 18 writing-mode: horizontal-tb; 19 width: 20em; 20 color: transparent; 21 } 22 </style> 23 </head> 24 25 <body> 26 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam, 27 eu ultricies augue.</p> 28 29 <blockquote> 30 <!-- Short enough text that it won't overflow. --> 31 <p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum 32 placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem 33 elementum.</p> 34 </blockquote> 35 36 <p>Maecenas nec ornare ligula. Phasellus eleifend 37 elit leo, nec vestibulum sapien consectetur quis.</p> 38 </body> 39 </html>