Prev Demo
Text Clipping
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> #div1 { white-space: nowrap; width: 12em; overflow: hidden; text-overflow: clip; border: 2px solid green; } #div2 { white-space: nowrap; width: 12em; overflow: hidden; text-overflow: ellipsis; border: 2px solid red; } </style> </head> <body> <p>It continues the text</p> <div id="div1">Techfunda is a online tutorial which is step by step procedure</div> <p>It stops the text </p> <div id="div2">Techfunda is a online tutorial which is step by step procedure</div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
