# CSS - inline list for chat

**URL:** <https://community.glideapps.com/t/css-inline-list-for-chat/34541>\
**Category:** Ask for Help\
**Created:** [November 15, 2021, 5:36pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541 "2021-11-15T17:36:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [November 15, 2021, 5:36pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541/1 "2021-11-15T17:36:58Z")

</div>

Is it possible to use CSS to simulate a chat? in an inline list?  
Based on a value within the list Sender\Receiver and the signed in user , align the list items to the left\right accordingly.  
maybe style the color as well?  
Does that make sense? or am I fantasizing? 🙂

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/0/50c7c51140390f7124f2bbd7446969509ab849b3.png)

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [November 15, 2021, 5:42pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541/2 "2021-11-15T17:42:59Z")

</div>

Maybe @Pedroydzito or @Messias_Carvalho can help you with that

---

<div class="post-metadata">

**Author:** ![Messias\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/messias_carvalho/32/4586_2.png) [@Messias\_Carvalho](https://community.glideapps.com/u/Messias_Carvalho)\
**Post date:** [November 15, 2021, 6:07pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541/3 "2021-11-15T18:07:11Z")

</div>

i make this app like Whatsapp, but the chat is in one Rich text component and not in inline list.

 ![Captura de tela 2021-11-15 150624](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8de13dd1c6cd60ca5f1d9a9a359bf51110bc4670.png)

App link: [https://43om3.glideapp.io/](https://43om3.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![Lin\_Altshuler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lin_altshuler/32/32591_2.png) [@Lin\_Altshuler](https://community.glideapps.com/u/Lin_Altshuler)\
**Post date:** [November 15, 2021, 6:10pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541/4 "2021-11-15T18:10:42Z")

</div>

looks amazing  
How can I get the CSS for it?

---

<div class="post-metadata">

**Author:** ![Seydi\_S](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/seydi_s/32/36941_2.png) [@Seydi\_S](https://community.glideapps.com/u/Seydi_S)\
**Post date:** [September 2, 2022, 12:20pm UTC](https://community.glideapps.com/t/css-inline-list-for-chat/34541/5 "2022-09-02T12:20:24Z")

</div>

> [@Lin\_Altshuler](#):
>
> on a value within the list Sender\Receiver and the signed in user , align the list

Hello,  
I am also interested for the CSS.  
By the way I never used CSS, if someone can provide some info.  
Thanks.