Question

How can i fit a large amount text a fixed size div.? i want when reach text maximum width of this div then break text with dots…

i tried this, i dont see the result really what i want

.description {
  max-width:590px;
  max-height:100px;
  float:left;
}

i want like this image

Answer 1

Give it a fixed width and use text-overflow CSS property width a value ellipsis

Demo

text-overflow: ellipsis;

Note: This will be effective only for a single line

If you want this should work on a multiple line, then you need to use jQuery

Demo(Source)