Ellipsis CSS style ie getting dots if the text overflows in a given div

 <div class="" style=" font-size: 12pt; white-space: nowrap;  text-align: center; font-size: 12pt;text-overflow: ellipsis;  overflow: hidden;">
The extra text is replaced with ......(dots)
</div>