# Coding Challenge - #22: Truncate With Ellipsis

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

<div class="post-metadata">

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