layout/reftests/writing-mode/1152941-1-orthogonal-blocksize-overflow-ref.html

   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>