# Web-app: Text Label: The properties for text align does not work

**URL:** <https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990>\
**Category:** Questions about Thunkable X\
**Created:** [August 1, 2020, 2:15am UTC](https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990 "2020-08-01T02:15:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [August 1, 2020, 2:15am UTC](https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990/1 "2020-08-01T02:15:58Z")

</div>

Text label components are used very often on my projects both designed for mobile and web-apps (responsive). While they are generally working perfectly on mobiles, I realised that there are 2 features that are not working or not implemented on responsive web-app.

1. The Text label on web-app, whether on root screen or nested within row/column components, does not react to the text-align properties. i.e cannot be “centred” or “justified” (when text label is width=“filled container”. It is always aligned “left” no matter what property it is assigned to.
2. the “\n” character to make new line also does not work in web-app but worked in mobile

Recently the thunkable techs have solved the issue of web-app alignment issues for rows/columns component. I am sure the team can solve (1) easily. Can look at the text labels issues, please? Need to make the layout of the responsive web-app look “professional”.

Thank you very much.

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 1, 2020, 2:28pm UTC](https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990/2 "2020-08-01T14:28:09Z")

</div>

Hey @gobassky,

> [@gobassky](#):
>
> when text label is width=“filled container”. It is always aligned “left” no matter what property it is assigned to.

I’m pretty certain the team at Thunkable know about this issue, though have you considered an alternative method for positioning your labels or components? I’ve one that works here where I position the **label** inside of a **column** and set the column to **Horizontal Alignment = Right**.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/7/27a1e0d7744cecd405c4242c09aa84cad355d226.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/36636dbaa88551c3e5fab8b97a11c06b73f7c8b2.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/f/cf37e56ecb769c1d7eea40b9865e92c4bd4fb64a.png)

Let me know if this works for you. It may require you to nest your labels differently.

* * *

> [@gobassky](#):
>
> the “\n” character to make new line also does not work in web-app but worked in mobile

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/a/4a1dc4d5fb437f34f2cda730fe749d9d64393e10.png)  
I can see this on my end too. I suggest you create a bug report on this via [Thunkable’s GitHub](https://github.com/thunkable/thunkable-issues/issues/new/choose).

---

<div class="post-metadata">

**Author:** ![gobassky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gobassky/32/77019_2.png) [@gobassky](https://community.thunkable.com/u/gobassky)\
**Post date:** [August 2, 2020, 3:30am UTC](https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990/3 "2020-08-02T03:30:16Z")

</div>

Yes. Thanks. using the text (fit contents) within row/column component is currently the work-around for me in general. But when I tried to build a table like layout with text, this will be incredibly messy, but doable.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:26pm UTC](https://community.thunkable.com/t/web-app-text-label-the-properties-for-text-align-does-not-work/713990/4 "2024-11-08T12:26:51Z")

</div>


