​x
 
<!DOCTYPE html>
<html>
<head><style type="text/css">
h5 {
    margin:0.8em 0 0 0.8em;
}
p {
    padding:0.6em; margin:0px;
    white-space: nowrap; 
    width: 10em; 
    border:2px solid blue;
    overflow: hidden;
    text-overflow: clip;
}
#p1 {
    border:2px solid green;
    text-overflow: ellipsis;
}
#p2 {
    border:2px solid red;
    text-overflow: string;
}
</style></head>
​
<body>
​
<h5>CLIP:</h5>
<p>This paragraph should CLIP the text.</p>
  
<h5>ELLIPSIS:</h5>
<p id="p1">This paragraph should create ELLIPSIS.</p>
  
<h5>STRING:</h5>
<p id="p2">This paragraph uses a STRING value.</p>
  
</body>
</html>