<style tyep="text/css">
div {margin:5px 0;overflow:hidden;width:200px;}

div.a {border:1px solid red; text-overflow:ellipsis;white-space:nowrap;}
div.b {border:1px solid green; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
div.c {border:1px solid blue; text-overflow:ellipsis;-o-text-overflow:ellipsis;}

</style>
<div class="a">test somthing here.test somthing here.test somthing here.test somthing here.test somthing here.</div>
<div class="b">test111 1111111111111112133435te st1111111111111111112133435 test111111 111 111111 11121 334353 5345345</div>

<div class="c">test1111111111111111112133435test1111111111111111112133435test111111111111111111213343535345345</div>

<div class="c">test 11111 1111111 1111112133 435te t111 111111 1111111112133435 test1111111111 111111112 13343 53 5345345</div>