# Code for images in line with text

**URL:** <https://community.glideapps.com/t/code-for-images-in-line-with-text/4840>\
**Category:** Ask for Help\
**Created:** [February 21, 2020, 6:16pm UTC](https://community.glideapps.com/t/code-for-images-in-line-with-text/4840 "2020-02-21T18:16:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rosinda\_Anthony](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosinda_anthony/32/1099_2.png) [@Rosinda\_Anthony](https://community.glideapps.com/u/Rosinda_Anthony)\
**Post date:** [February 21, 2020, 6:16pm UTC](https://community.glideapps.com/t/code-for-images-in-line-with-text/4840/1 "2020-02-21T18:16:30Z")

</div>

Hello, everyone! I trust you’ve had a very productive week so far. Does anyone have a workable solution for having an image inline with text? This is the closest I’ve gotten (see below).

Input:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/4391d6703a48edb8b7690542b0c87329dae75c89.png)  
Output:  
 ![Rosinda Anthony](https://drive.google.com/open?id=1yp51df6ocQZBYX0tQ02YbBu9ZdFyua6m)

I’m currently building a choir app (65 members, excluding the band) and working on the attendance “form”; however, it is not built with the Form Button since it does not allow for editing. My workaround is to use the media image above the choice picker. I’m including the images because that would minimize errors in situations where a different admin might be taking attendance on a particular day and they’re not as familiar with the names associated with the faces. See the example below.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/1e7cb1903802e6edba94601d109fe3252beca051.png)  
So, if anyone knows of a more efficient way to do this, please let me know.

---

<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:** [February 21, 2020, 7:29pm UTC](https://community.glideapps.com/t/code-for-images-in-line-with-text/4840/2 "2020-02-21T19:29:48Z")

</div>

I’ve wanted the same thing too. I put it in as a feature request. Only way I know how to do this is either using a markdown table (richtext component) or using a 1-item relation where the title is the text and the image is the image.

---

<div class="post-metadata">

**Author:** ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)\
**Post date:** [February 22, 2020, 4:04am UTC](https://community.glideapps.com/t/code-for-images-in-line-with-text/4840/3 "2020-02-22T04:04:20Z")

</div>

You can use markdown but there are some limitations. The text will not center horizontally with any image. Whether it is top or bottom aligned can also be arbitrary based on the Markdown render engine. This code below in [Dillinger.io](http://Dillinger.io) aligns the text at the top but as you see in this forum it aligns it to the bottom.

```auto
|||||
|---|---|---|---|
|[![](upload://fNbBLV6miVSjyJiuGBp1NpLDf9j.png)](mailto:hey@whatever.co)|text|More Text|A little more|

```

| | | | |
| --- | --- | --- | --- |
| [![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6eb0011a57d9aa956df34695ade1f41dd76145d5.png)](mailto:hey@whatever.co) | Text | More Text | A little more |

---

<div class="post-metadata">

**Author:** ![Rosinda\_Anthony](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosinda_anthony/32/1099_2.png) [@Rosinda\_Anthony](https://community.glideapps.com/u/Rosinda_Anthony)\
**Post date:** [February 22, 2020, 3:52pm UTC](https://community.glideapps.com/t/code-for-images-in-line-with-text/4840/4 "2020-02-22T15:52:32Z")

</div>

@Robert_Petitto and @George_B, thank you so much for your responses. I’ll explore your suggestions and add them to my growing list of strategies.