Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .text-string { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; border: 1px solid black; position: relative; } .text-string::after { content: '>>> '; position: absolute; right: 0; white-space: nowrap; background-color: white; } </style> <body> <div class="text-string"> This is some text that will show a custom string if it overflows the container. </div> </body> </html>
console output