<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border: 2px solid black;
white-space: nowrap;
overflow: hidden;
padding: 2px;
width: 50px;
}
#point{
text-overflow: clip;
}
#point1{
text-overflow: ellipsis;
}
</style>
</head>
<body>
<h1>CSS text-overflow Property</h1>
<h2>text-overflow: clip;</h2>
<div id="point">This is a sentence.</div>
<h2>text-overflow: ellipsis;</h2>
<div id="point1">This is a sentence.</div>
</body>
</html>