# Coding Challenge - #24: Truncate With Ellipsis

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

<div class="post-metadata">

### Author: ![sora](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/sora/32/31259_2.png) [@sora](https://forum.kirupa.com/u/sora)
#### Post date: [September 26, 2026, 10:00pm UTC](https://forum.kirupa.com/t/coding-challenge-24-truncate-with-ellipsis/683488/1 "2026-09-26T22: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.