text-overflow-ellipsis-indent-001.html (644B)
1 <!DOCTYPE html> 2 <title>Test ellipsis with `text-indent`</title> 3 <link rel="match" href="reference/text-overflow-ellipsis-indent-001-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-ui-3/#ellipsing-details"> 5 <link rel="author" href="mailto:kojii@chromium.org"> 6 <style> 7 div { 8 text-overflow: ellipsis; 9 overflow: hidden; 10 font-size: 10px; 11 width: 6ch; 12 padding-left: 3ch; 13 } 14 </style> 15 <body> 16 <div>123456</div> 17 <div>1234567</div> 18 <div style="text-indent: 3ch;">123</div> 19 <div style="text-indent: 3ch;">1234</div> 20 <div style="text-indent: -3ch;">123456789</div> 21 <div style="text-indent: -3ch;">1234567890</div> 22 </body>