vertical-decorations-2-ref.html (468B)
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>abcdefghi</span>…</div> 29 </body> 30 </html>