# \[Question\] Valign?

**URL:** <https://forum.inductiveautomation.com/t/question-valign/20971>\
**Category:** Ignition Early Access\
**Created:** [November 20, 2018, 2:01pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971 "2018-11-20T14:01:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![CJVR](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@CJVR](https://forum.inductiveautomation.com/u/CJVR)\
**Post date:** [November 20, 2018, 2:01pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971/1 "2018-11-20T14:01:10Z")

</div>

It is probably staring me in the face but I’ll ask anyway… Is there a valign property in a label style? I do not see it.

Never mind… It was looking right at me!! How do I delete this?!

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [November 20, 2018, 2:58pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971/2 "2018-11-20T14:58:52Z")

</div>

Don’t. Let other poor souls see this when they want to ask the same question. (-:

---

<div class="post-metadata">

**Author:** ![Carl.Gould](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/carl.gould/32/7262_2.png) [@Carl.Gould](https://forum.inductiveautomation.com/u/Carl.Gould)\
**Post date:** [December 7, 2018, 1:02am UTC](https://forum.inductiveautomation.com/t/question-valign/20971/3 "2018-12-07T01:02:12Z")

</div>

For posterity, yes, the Label component has a property called `alignVertical` that will accept any of these values:  
`"top"`, `"center"`, or `"bottom"`

---

<div class="post-metadata">

**Author:** ![CJVR](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@CJVR](https://forum.inductiveautomation.com/u/CJVR)\
**Post date:** [December 7, 2018, 1:30pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971/4 "2018-12-07T13:30:54Z")

</div>

My problem was I expected it to be in the style with everything else.

---

<div class="post-metadata">

**Author:** ![Carl.Gould](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/carl.gould/32/7262_2.png) [@Carl.Gould](https://forum.inductiveautomation.com/u/Carl.Gould)\
**Post date:** [December 7, 2018, 11:25pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971/5 "2018-12-07T23:25:49Z")

</div>

Yeah, I agree, that is a very logical expectation. You probably wouldn’t believe what kind of spirited discussion we’ve had around the topic of vertical alignment, which is a notoriously difficult thing to do on the web, believe it or not.

The reason that the property doesn’t exist in “style” is that the “style” object is a direct inline css stylesheet, and _no such property exists in css to align vertically_. We think this is silly, and so we implemented a vertical alignment ourselves using an internal flex layout for the label component, but we felt it would be a poor fit for the `style` object, as it would be a bizarre exception to the rule of how that object is interpreted.

---

<div class="post-metadata">

**Author:** ![kyle.demerath](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@kyle.demerath](https://forum.inductiveautomation.com/u/kyle.demerath)\
**Post date:** [July 17, 2020, 3:20pm UTC](https://forum.inductiveautomation.com/t/question-valign/20971/6 "2020-07-17T15:20:37Z")

</div>

old thread, but I wanted to let you know that updating from 8.0.10 to 8.0.14 caused every label that was alignVertical = top (the default in 8.0.10 when you drop in a label) to alignVertical = center (the default in 8.0.14). Talk about a mess to clean up…