# Numeric label and Numeric input not lining up?

**URL:** <https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618>\
**Category:** Ignition\
**Tags:** ignition80, vision\
**Created:** [December 17, 2020, 4:24pm UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618 "2020-12-17T16:24:45Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [December 17, 2020, 4:24pm UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/1 "2020-12-17T16:24:45Z")

</div>

I have a Vision 8.0.16 project where I have 2 numeric labels and 1 numeric input all lined up, same number formatting, and same horizontal alignment (right), same font size. But for some reason the numeric input does not look the same as the numeric labels a seen here - the bottom box is the numeric input

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/0593c3a8b9a6bb460e0cc0bf07ad2a8e4a210d21.png)

any thoughts on this?

---

<div class="post-metadata">

**Author:** ![schenk](https://avatars.discourse-cdn.com/v4/letter/s/6bbea6/32.png) [@schenk](https://forum.inductiveautomation.com/u/schenk)\
**Post date:** [December 17, 2020, 4:51pm UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/2 "2020-12-17T16:51:02Z")

</div>

I imagine it has to do with the border differences between the labels and the input.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [December 17, 2020, 10:14pm UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/3 "2020-12-17T22:14:23Z")

</div>

I always add extra padding to the right side of numeric label components via the suffix field

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [August 17, 2023, 6:48am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/4 "2023-08-17T06:48:56Z")

</div>

how do you put padding in the suffix field?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 17, 2023, 6:49am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/5 "2023-08-17T06:49:29Z")

</div>

spacebar 🙂

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [August 17, 2023, 8:21am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/6 "2023-08-17T08:21:54Z")

</div>

its not working to me

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/81a5edea1617d01024cf4adffb1a9f684b244e91.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67086255a42cc8c6fff022d43895573683255b93.png)

I want the padding to be in the prefix but it doesn't work using only space ☹

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 17, 2023, 8:24am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/7 "2023-08-17T08:24:38Z")

</div>

I'm not exactly sure what you're trying to do, but assuming it's to right align text and add a margin to pull it off the edge of the component, then you'll need to right align your text first

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [August 17, 2023, 8:29am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/8 "2023-08-17T08:29:58Z")

</div>

I just want it to be pasted on the left but with a little space on the left side of the

(Space) P: 0[kw]

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 17, 2023, 10:12am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/9 "2023-08-17T10:12:34Z")

</div>

I've never used it with HTML before, but you'll probably need to use a non-breaking space

---

<div class="post-metadata">

**Author:** ![Miguel\_Cimildoro](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@Miguel\_Cimildoro](https://forum.inductiveautomation.com/u/Miguel_Cimildoro)\
**Post date:** [August 17, 2023, 10:54am UTC](https://forum.inductiveautomation.com/t/numeric-label-and-numeric-input-not-lining-up/41618/10 "2023-08-17T10:54:32Z")

</div>

if I use the html tag precisely for that purpose, I also noticed that the problem is solved when I remove the tag 😅

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9a6958ca983114d03530809d43a516b51808c234.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/b/bb4ca460ab5babe5db884123e9c34858c241fa09.png)

thanks for your help Nick
