<p class='your-paragraph'> lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar. </p> <p class='my-paragraph'> lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar. </p> <p class='a-paragraph'> lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar.lorem ipsum sandeep dolar lorem ipsum sandeep dolar lorem ipsum sandeep dolar.lorem ipsum sandeep dolar. </p>
p.your-paragraph{ color:blue; } p.my-paragraph{ white-space:nowrap; width:100%; overflow:hidden; text-overflow: ellipsis; color:green; } p.a-paragraph{ white-space:nowrap; width:75%; overflow:hidden; text-overflow: clip; color:olive; }