# CSS Trick: Longer Card Text and Move Avatar Image

**URL:** <https://community.glideapps.com/t/css-trick-longer-card-text-and-move-avatar-image/17975>\
**Category:** Community Resources\
**Created:** [November 5, 2020, 3:37am UTC](https://community.glideapps.com/t/css-trick-longer-card-text-and-move-avatar-image/17975 "2020-11-05T03:37:36Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 22, 2021, 11:55am UTC](https://community.glideapps.com/t/css-trick-longer-card-text-and-move-avatar-image/17975/3 "2021-04-22T11:55:10Z")

</div>

```auto
<pre><span><style>
.card-title {
white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

```

 ![Screen Shot 2021-04-22 at 7.55.01 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/5/35fa46e8aafd6e09c679aead404d16f93202dc40.jpeg)

---

_[View the full topic](https://community.glideapps.com/t/css-trick-longer-card-text-and-move-avatar-image/17975)._