# HTML Spacing help!

**URL:** https://community.glideapps.com/t/html-spacing-help/62186
**Category:** Ask for Help
**Created:** [May 26, 2023, 9:33pm UTC](https://community.glideapps.com/t/html-spacing-help/62186 "2023-05-26T21:33:06Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)
#### Post date: [May 26, 2023, 9:33pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/1 "2023-05-26T21:33:07Z")

</div>

I’m trying to get the right-side column of the Fields component to not smoosh the 4 digits like this:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/970e127e25d8eaac45643bf21f35d29a627986c2.png)

I will be using the Fields component a few times in this particular section of my app and the numbers will always be 4 digits long so something static that tells Glide to show all 4 inline would be excellent. Can someone please drop some HTML / CSS logic on me?? Please and thank you in advance 🙏

---

<div class="post-metadata">

### Author: ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)
#### Post date: [May 26, 2023, 11:18pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/2 "2023-05-26T23:18:11Z")

</div>

CSS will only work if you have Bussines plan… free plans CSS only for Classic Apps

---

<div class="post-metadata">

### Author: ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)
#### Post date: [May 30, 2023, 4:32pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/3 "2023-05-30T16:32:58Z")

</div>

I flipped the data for the two columns in the Field component (which isn’t ideal but it definitely looks better without having to use any CSS) but now I’m running into another issue:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/da463dd80a1b4eed746ae2cb5d3686fffbc46063.png)

I’m trying to align the text in the right column to the left side using the attribute `<p align="left">` but it isn’t working in each field:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/86a3635ec151d9e7b24925a5cf540c5a6781dd58.png)

I literally copied and pasted it into each cell in each column so I know there isn’t an issue with me typing it incorrectly. Not only is it intermittently working in this Field component, but it’s not working in others as well:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/76b72f750ec1258acdca18dc70ee7955ede7bb7c.png)

I’ve tried closing the attribute as well (`</p>`) but it isn’t solving the problem:  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/5/8524aa221421597f019c7c2b93ba67356c29b613.png)

I’m probably overlooking something right in front of my face 🤦‍♂️ Can someone please help??

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [May 30, 2023, 4:56pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/4 "2023-05-30T16:56:25Z")

</div>

What you’re trying to do there will only work in a Rich Text component, and certainly won’t work in the Fields component.

What you might be better off doing is constructing a full HTML table in the data editor, and then display that in a Rich Text component.

---

<div class="post-metadata">

### Author: ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)
#### Post date: [May 30, 2023, 5:37pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/5 "2023-05-30T17:37:58Z")

</div>

Thanks Darren.

Just out of curiosity - why is it working intermittently if it shouldn’t be working at all?

---

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [May 30, 2023, 6:31pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/6 "2023-05-30T18:31:07Z")

</div>

The fact that your html is not being rendered is an indication that it’s not working or going to work. If it was working, then you wouldn’t be seeing any exposed html. If you see html, then it’s only being interpreted by the browser as text instead of markup language.

 ![Screenshot_20230530-131855](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/d/bde6f9b9d6b6068798f21c8ba5ae650d498756d7.png)

Like @Darren_Murphy said, only the rich text component can interpret and render html language.

Your issue is more of a flow issue. The content is too big for the container and it doesn’t fit well in that container. Sometimes it does well and sometimes it doesn’t depending on the content.

Probably more of a bug than anything, but definitely a long standing bug.

Like Darren said, an html table would would give you much better and more consistent results.

---

<div class="post-metadata">

### Author: ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)
#### Post date: [May 30, 2023, 6:32pm UTC](https://community.glideapps.com/t/html-spacing-help/62186/7 "2023-05-30T18:32:45Z")

</div>

Thanks gents, appreciate your time.
