<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
height:300px;
background-color:#FFFFFF;
}
#myDIV2 {
width:200px;
white-space: nowrap;
overflow: hidden;
border:1px solid;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<h1>The text-overflow property</h1>
<div id="myDIV">
<div id="myDIV2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</body>
</html>