| <!DOCTYPE html> | |
| <style> | |
| div { | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| font-size: 10px; | |
| } | |
| </style> | |
| <body> | |
| <div style="padding-left: 3ch">123456</div> | |
| <div style="padding-left: 3ch; width: 6ch">1234567</div> | |
| <div style="padding-left: 6ch;">123</div> | |
| <div style="padding-left: 6ch; width: 3ch">1234</div> | |
| <div>123456789</div> | |
| <div style="width: 9ch">1234567890</div> | |
| </body> |