# Multi-line text-overflow:ellipsis

**URL:** <https://forum.kirupa.com/t/multi-line-text-overflow-ellipsis/267981>\
**Category:** web dev\
**Created:** [August 7, 2008, 8:13pm UTC](https://forum.kirupa.com/t/multi-line-text-overflow-ellipsis/267981 "2008-08-07T20:13:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![a2thek26](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@a2thek26](https://forum.kirupa.com/u/a2thek26)\
**Post date:** [August 7, 2008, 8:13pm UTC](https://forum.kirupa.com/t/multi-line-text-overflow-ellipsis/267981/1 "2008-08-07T20:13:23Z")

</div>

Hello,

I have a div with text in it…the text is being pulled from a database so it varies in length.

The div has a defined width and height so some of the text will be clipped off…

```auto

#gifts #products #info { height:80px; font:12px/16px verdana; overflow:hidden; text-overflow:ellipsis; margin:12px 6px 12px 0px; }

```

text-overflow:ellipsis puts “…” at the end where the text cuts off…this only works with white-space:nowrap…which only allows for 1 line of text…however i need it to be multiple lines and still add the “…”

Any ideas on a work around for this?