layout/reftests/writing-mode/1158549-1-vertical-block-size-constraints.html

   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   min-width: 100%;
  18   max-height: 40%;
  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>