layout/reftests/text-overflow/vertical-decorations-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <style>
   6 div {
   7   font: 25px monospace;
   8   white-space: pre;
   9   overflow: hidden;
  10   text-overflow: ellipsis;
  11   border: 1px solid gray;
  12   padding: 5px;
  13   display: inline-block;
  14   vertical-align: top;
  15 }
  16 span {
  17   text-decoration: overline;
  18 }
  19 .vlr {
  20   writing-mode: vertical-lr;
  21   text-orientation: sideways-right;
  22   height: 10ch;
  23 }
  24 </style>
  25 </head>
  26
  27 <body>
  28 <div class="vlr"><span>abcdefghijklm</span></div>
  29 </body>
  30 </html>