# Label Horizontal Alignment not working on Web

**URL:** <https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851>\
**Category:** Questions about Thunkable X\
**Created:** [September 7, 2020, 8:30pm UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851 "2020-09-07T20:30:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [September 7, 2020, 8:30pm UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851/1 "2020-09-07T20:30:42Z")

</div>

Is anyone else having this issue or is it just me?

### Platform

X Web

### Issue/Request Origin

Found it on my own

### Steps to Reproduce

1. Create a label
2. Set Label width = Fill Container
3. Set Label Horizontal Alignment = Center
4. Go to blocks and add On Open Event
5. Set Label Text = Label TextAlign
6. Preview or Live Test to display

### Project Link

[https://x.thunkable.com/copy/453fbfc519eb4357b9cd41cebb3871a9](https://x.thunkable.com/copy/453fbfc519eb4357b9cd41cebb3871a9)

### Expected Behavior

I expect the text to align according to the property (center). Text property aligns using Thunkable app on Android

### Actual Behavior

Text aligned to the left

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

---

<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:** [September 8, 2020, 12:45am UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851/2 "2020-09-08T00:45:16Z")

</div>

I’m having problems with this on iOS and the web (iMac) when previewing. I thought it might be related to the Drag & Drop beta test that I’m using but not sure. Center align only works for one of four labels.

---

<div class="post-metadata">

**Author:** ![caminostudio](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/caminostudio/32/74734_2.png) [@caminostudio](https://community.thunkable.com/u/caminostudio)\
**Post date:** [September 8, 2020, 2:06pm UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851/3 "2020-09-08T14:06:19Z")

</div>

Try this. Go to advanced properties of the Label Component. Positioning \> justifyContent = “center”.

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [September 10, 2020, 12:47am UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851/4 "2020-09-10T00:47:50Z")

</div>

Thanks for the Tip!. Your work around does allow for centering using web platforms. Unfortunately it does not provide for a programatic (block-based change) access to change this property. And it is odd that the “SIMPLE” properties do not work consistently across platforms, but the ADVANCED properties do.

---

<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:24pm UTC](https://community.thunkable.com/t/label-horizontal-alignment-not-working-on-web/799851/5 "2024-11-08T12:24:01Z")

</div>