1158549-1-vertical-block-size-constraints-ref.html (1242B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 font: 16px/20px sans-serif; 8 width: 600px; 9 height: 500px; 10 padding: 5px; 11 border: 1px solid gray; 12 } 13 blockquote { 14 background: #eee; 15 -webkit-writing-mode: vertical-rl; 16 writing-mode: vertical-rl; 17 width: 600px; 18 height: 200px; 19 margin: 0; 20 padding: 10px 0; 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. Aliquam ante orci, egestas eu pulvinar eget, ullamcorper eu 28 elit. Phasellus tristique vulputate odio, quis ultricies justo rutrum in. Mauris 29 auctor est in sagittis eleifend.</p> 30 31 <blockquote> 32 <p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum 33 placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem 34 elementum. Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras 35 at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci 36 mattis. Cras in suscipit mauris.</p> 37 </blockquote> 38 39 <p>Vivamus lobortis hendrerit vehicula. Nullam dapibus ante et commodo lacinia. 40 Sed tincidunt pretium ligula, eget porta metus pharetra eget. Mauris pharetra 41 tortor convallis nisi varius facilisis.</p> 42 43 </body> 44 </html>