# Text vertical align fails

**URL:** https://community.thunkable.com/t/text-vertical-align-fails/565181
**Category:** Questions about Thunkable X
**Tags:** design
**Created:** [May 9, 2020, 4:41pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181 "2020-05-09T16:41:20Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![sirfrancisdrake](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sirfrancisdrake/32/70212_2.png) [@sirfrancisdrake](https://community.thunkable.com/u/sirfrancisdrake)
#### Post date: [May 9, 2020, 4:41pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/1 "2020-05-09T16:41:20Z")

</div>

i tried to center text inside a label a little bit bigger than the text inside. Even if i set the “text vertical align” as center the text is positioned top

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [May 9, 2020, 6:29pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/2 "2020-05-09T18:29:13Z")

</div>

Have you tried vertically Centering the label in a row?

---

<div class="post-metadata">

### Author: ![sirfrancisdrake](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sirfrancisdrake/32/70212_2.png) [@sirfrancisdrake](https://community.thunkable.com/u/sirfrancisdrake)
#### Post date: [May 9, 2020, 6:50pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/3 "2020-05-09T18:50:16Z")

</div>

well… if i put a row with inside a label obviously the label will be centered into the row. But… this will increase the number of object inside a project!! i saw the option, i tried and doesnt work… i thought maybe there is a workaround.

---

<div class="post-metadata">

### Author: ![fddog](https://avatars.discourse-cdn.com/v4/letter/f/aca169/32.png) [@fddog](https://community.thunkable.com/u/fddog)
#### Post date: [June 16, 2020, 4:49pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/4 "2020-06-16T16:49:45Z")

</div>

Hi, did anyone solve this? I’m having the same problem of text being positioned at the top of a label, and I need it to be centered vertically.

I’ve tried alignItems, alignContent, Text Align Vertical, vertically centering the label in the parent row, centering all elements in the parent row… nothing’s working.

And the text actually looks fine on the designer preview, but on Thunkable Live it’s clearly still appearing at the top of the label.

---

<div class="post-metadata">

### Author: ![sirfrancisdrake](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sirfrancisdrake/32/70212_2.png) [@sirfrancisdrake](https://community.thunkable.com/u/sirfrancisdrake)
#### Post date: [June 16, 2020, 5:07pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/5 "2020-06-16T17:07:34Z")

</div>

The only way is set label height as fit content. Then put the label in a column container with the vert align set as center. Give a transparent background to the label and a color to the column container background…

---

<div class="post-metadata">

### Author: ![fddog](https://avatars.discourse-cdn.com/v4/letter/f/aca169/32.png) [@fddog](https://community.thunkable.com/u/fddog)
#### Post date: [June 16, 2020, 5:39pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/6 "2020-06-16T17:39:31Z")

</div>

Thanks! That worked!  
I still don’t understand why, and it seems a bit of a workaround, but at least it’s displaying correctly now…

---

<div class="post-metadata">

### Author: ![sirfrancisdrake](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sirfrancisdrake/32/70212_2.png) [@sirfrancisdrake](https://community.thunkable.com/u/sirfrancisdrake)
#### Post date: [June 16, 2020, 5:53pm UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/7 "2020-06-16T17:53:22Z")

</div>

Yes, it is a workaround indeed! If u have not too much label objects you can use this trick!!  
I dont know if we can put the SOLVED flag … 🙂

---

<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, 11:25am UTC](https://community.thunkable.com/t/text-vertical-align-fails/565181/8 "2024-11-08T11:25:41Z")

</div>


