# Coding Challenge - #25: Truncate With Ellipsis

**URL:** <https://forum.kirupa.com/t/coding-challenge-25-truncate-with-ellipsis/683522>\
**Category:** web dev\
**Created:** [September 29, 2026, 10:00pm UTC](https://forum.kirupa.com/t/coding-challenge-25-truncate-with-ellipsis/683522 "2026-09-29T22:00:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![VaultBoy](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaultboy/32/31832_2.png) [@VaultBoy](https://forum.kirupa.com/u/VaultBoy)\
**Post date:** [September 29, 2026, 10:00pm UTC](https://forum.kirupa.com/t/coding-challenge-25-truncate-with-ellipsis/683522/1 "2026-09-29T22:00:04Z")

</div>

Make `.title` show a single line that truncates with an ellipsis when the text is too long for its 240px container.

```css
.title {
  width: 240px;
  font-size: 18px;
}

```

**Rules:**

- CSS only
- Single line, no wrapping

Post your solution as a reply. Answer goes up in about a day.