# Use CSS to right align images in lists

**URL:** <https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365>\
**Category:** Community Resources\
**Tags:** custom-css\
**Created:** [April 7, 2024, 2:30pm UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365 "2024-04-07T14:30:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [April 7, 2024, 2:30pm UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365/1 "2024-04-07T14:30:19Z")

</div>

Check this out ⬇  
with a few lines of css you can right align images in lists!  
⭐ nice for a Frequently Asked Questions (FAQ) section design

↩ back to the old Glide lists

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/2/f28aec534465e842446da4343deef920f7fc334b.jpeg "Glide Apps - CSS magic to right align images in a list") ](https://www.youtube.com/watch?v=Xet_PKl7YvA)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 7, 2024, 11:34pm UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365/2 "2024-04-07T23:34:57Z")

</div>

Very nicely explained. Thank you.

---

<div class="post-metadata">

**Author:** ![tuzin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tuzin/32/86077_2.png) [@tuzin](https://community.glideapps.com/u/tuzin)\
**Post date:** [April 8, 2024, 5:33am UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365/3 "2024-04-08T05:33:00Z")

</div>

Highlighting the divs you targeted is a great way to explain how it works. Beautiful!

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [April 8, 2024, 9:26pm UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365/4 "2024-04-08T21:26:28Z")

</div>

This is excellent - fabulous step-by-step guide, especially adding in the border boxes. I was able to follow along and actually copy what you showed… and now I can implement things in the app I have been desperate to try out. Thank you!
