# Text Align Vertical not affecting label

**URL:** <https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836>\
**Category:** Questions about Thunkable X\
**Tags:** text\
**Created:** [February 20, 2021, 4:35am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836 "2021-02-20T04:35:56Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 20, 2021, 4:35am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/1 "2021-02-20T04:35:56Z")

</div>

In the legacy interface, changing a label’s advanced “Text Align Vertical” property to “center” has no effect. The change doesn’t appear in the browser or in Thunkable Live when Live Testing.

The label in question has a fixed height and width:

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/5/c59220b7908af4e663bd29ef99ce2a7ca5e077c1.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/a/aa0a66cb2cc687d9341d298cdad588126755f497.png)

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [February 20, 2021, 5:58am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/2 "2021-02-20T05:58:17Z")

</div>

So are you saying that it does not show correctly in the editor, the Thunkable Live app, on iOS, on Android or a combination of some of these?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 20, 2021, 6:09am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/3 "2021-02-20T06:09:02Z")

</div>

Sorry, I should have specified. I’ll update the original post.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [February 20, 2021, 6:39am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/4 "2021-02-20T06:39:44Z")

</div>

I am getting the same issue on Thunkable Live on iOS, in the Live Test and the Responsive Web App Preview but not on Thunkable Live on Android or the editor.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [February 20, 2021, 6:43am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/5 "2021-02-20T06:43:44Z")

</div>

OK here is a hack. Set the label’s top padding equal to its height minus the size of the font 😉

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 20, 2021, 6:54am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/6 "2021-02-20T06:54:59Z")

</div>

Hmm… that didn’t work for me. The text was way below the background color of the label:

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/1/812d426e733ed3c0b6b9784e4e66b0f5f5b37087.png)

Font size 18, label height 80, top padding 62

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [February 20, 2021, 6:57am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/7 "2021-02-20T06:57:19Z")

</div>

Perhaps try clearing the “Text Align Vertical” value as well

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/c/2c79a1a8156a971b7e38ee69e790eda7342e3476.png)

Oh and, there is no way to make it show correctly everywhere. My suggested hack works on Thunkable Live on both iOS and Android.

---

<div class="post-metadata">

**Author:** ![Deluxe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/deluxe/32/30016_2.png) [@Deluxe](https://community.thunkable.com/u/Deluxe)\
**Post date:** [February 21, 2021, 9:03am UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/8 "2021-02-21T09:03:11Z")

</div>

…oooor create a column, format it as you would format the label and then add a non-formatted label in the column just for the text. This will work.

---

<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, 1:29pm UTC](https://community.thunkable.com/t/text-align-vertical-not-affecting-label/1110836/9 "2024-11-08T13:29:20Z")

</div>


