# Clipping text inside a DIV
**URL:** https://forum.kirupa.com/t/clipping-text-inside-a-div/645359
**Category:** web dev
**Created:** [December 16, 2020, 7:15pm UTC](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359 "2020-12-16T19:15:39Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@dannywolf](https://forum.kirupa.com/u/dannywolf)
#### Post date: [December 16, 2020, 7:15pm UTC](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359/1 "2020-12-16T19:15:39Z")
Hello, Good People;
I am trying to clip text inside a fixed-height DIV using ellipsis but the usual CSS properties do not produce multiple lines of text, instead shrinking my paragraph to a single line when it could occupy four:
```
{
height: 150px;
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; // This is where the magic happens
}
```
I am open to a JavaScript approach but I cannot use JQuery.
Does anyone have a solution for this?
---
### Author:  [@dannywolf](https://forum.kirupa.com/u/dannywolf)
#### Post date: [December 20, 2020, 8:48pm UTC](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359/2 "2020-12-20T20:48:59Z")
Found the solution. “line-clamp” does the trick nicely. Apparently it is still in ‘draft’ for CSS but adoption by browsers seems OK. It does the same as “text-overflow” but you get to define how many lines of text you want displayed before clipping.
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 20, 2020, 9:21pm UTC](https://forum.kirupa.com/t/clipping-text-inside-a-div/645359/3 "2020-12-20T21:21:44Z")
Totally missed this question initially! Glad you solved it. Yes, `line-clamp` is perfect for what you are trying to do 😀