# Tailwind Utility Classes line-clamp-\* Not Working in Elements — Possible to Add Support?

**URL:** <https://forums.realmacsoftware.com/t/tailwind-utility-classes-line-clamp-not-working-in-elements-possible-to-add-support/55109>\
**Category:** Elements\
**Created:** [March 15, 2026, 9:12am UTC](https://forums.realmacsoftware.com/t/tailwind-utility-classes-line-clamp-not-working-in-elements-possible-to-add-support/55109 "2026-03-15T09:12:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [March 15, 2026, 9:12am UTC](https://forums.realmacsoftware.com/t/tailwind-utility-classes-line-clamp-not-working-in-elements-possible-to-add-support/55109/1 "2026-03-15T09:12:43Z")

</div>

I’m currently experimenting with a few **Tailwind CSS utility classes** to improve how content is styled on my websites.

Right now I’m using classes like:

- text-balance
- text-pretty
- truncate
- line-clamp-3

While testing this, I noticed that the **Tailwind utility class line-clamp-3 doesn’t work in Elements** , whereas **truncate works exactly as expected**.

@dan or @ben — would it be possible to add support for the **Tailwind utility classes line-clamp-** \* in Elements?

As a workaround, using **custom CSS** works:

```auto
.clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

```

However, this solution isn’t very elegant and it removes the ability to easily use **different line clamps for different breakpoints** , which Tailwind normally handles quite well.

**PS:** Maybe it would also be possible to add **text-balance** and **text-pretty** directly to the Elements **text component** as well.

---

<div class="post-metadata">

**Author:** ![annebourdon](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/annebourdon/32/2391_2.png) [@annebourdon](https://forums.realmacsoftware.com/u/annebourdon)\
**Post date:** [March 15, 2026, 1:10pm UTC](https://forums.realmacsoftware.com/t/tailwind-utility-classes-line-clamp-not-working-in-elements-possible-to-add-support/55109/2 "2026-03-15T13:10:34Z")

</div>

Hi,

I think that line-clamp-\* works in Elements but only in typography components, not in text components.

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [March 15, 2026, 1:14pm UTC](https://forums.realmacsoftware.com/t/tailwind-utility-classes-line-clamp-not-working-in-elements-possible-to-add-support/55109/3 "2026-03-15T13:14:57Z")

</div>

Interesting — that’s actually good to know. In that case, it should be fairly easy to make it available for the text component as well.