# How to center text in a ui-text-input node

**URL:** <https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [4 September 2024 00:02 UTC](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692 "2024-09-04T00:02:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![RandyBryant](https://avatars.discourse-cdn.com/v4/letter/r/50afbb/32.png) [@RandyBryant](https://discourse.nodered.org/u/RandyBryant)\
**Post date:** [4 September 2024 00:02 UTC](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692/1 "2024-09-04T00:02:25Z")

</div>

I am trying to use CSS to center the text and label in a ui-text-input. Not having any luck and have found several suggestions, but none work.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [4 September 2024 01:51 UTC](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692/2 "2024-09-04T01:51:09Z")

</div>

I could get the label aligned, but not the input field  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/d/ad0ad3e21f2451db6574d7a7c8a1c35e8e270a45.png)

```auto
[{"id":"a2cce70de800fc2a","type":"ui_text_input","z":"8aeac5104f2cecfe","name":"","label":"Centered","tooltip":"","group":"ff9fdb9a.7da098","order":2,"width":"12","height":"1","passthru":true,"mode":"text","delay":300,"topic":"topic","sendOnBlur":true,"className":"center-text","topicType":"msg","x":585,"y":3350,"wires":[["0b9192d9052258fe"]]},{"id":"7c30d14367c2f3ed","type":"inject","z":"8aeac5104f2cecfe","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"Input Here","payloadType":"str","x":310,"y":3350,"wires":[["a2cce70de800fc2a","726dd061d3151051","c997e79c4d8ff429"]]},{"id":"86a4b0e6bf845c26","type":"ui_template","z":"8aeac5104f2cecfe","group":"ff9fdb9a.7da098","name":"","order":12,"width":0,"height":0,"format":"<style>\n\n.center-text {\nfont-size:0.9em;\nbackground:red;\ncolor: white;\nfont-family: \"Trebuchet MS\";\ntext-align: center;}\n\n.right-text {\nfont-size:0.9em;\nbackground:blue;\ncolor: white;\nfont-family: \"Trebuchet MS\";\ntext-align: right;}\n\n.left-text {\nfont-size:0.9em;\nbackground:green;\ncolor: white;\nfont-family: \"Trebuchet MS\";\ntext-align: left;}\n\n </style>\n\n ","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":585,"y":3300,"wires":[[]]},{"id":"726dd061d3151051","type":"ui_text_input","z":"8aeac5104f2cecfe","name":"","label":"Left Aligned","tooltip":"","group":"ff9fdb9a.7da098","order":2,"width":"12","height":"1","passthru":true,"mode":"text","delay":300,"topic":"topic","sendOnBlur":true,"className":"left-text","topicType":"msg","x":595,"y":3400,"wires":[["0b9192d9052258fe"]]},{"id":"c997e79c4d8ff429","type":"ui_text_input","z":"8aeac5104f2cecfe","name":"","label":"Right Aligned","tooltip":"","group":"ff9fdb9a.7da098","order":2,"width":"12","height":"1","passthru":true,"mode":"text","delay":300,"topic":"topic","sendOnBlur":true,"className":"right-text","topicType":"msg","x":595,"y":3450,"wires":[["0b9192d9052258fe"]]},{"id":"ff9fdb9a.7da098","type":"ui_group","name":"TEST","tab":"67adc3454d3fcffe","order":1,"disp":false,"width":"12","collapse":false,"className":""},{"id":"67adc3454d3fcffe","type":"ui_tab","name":"MOBILE","icon":"dashboard","order":4,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 October 2024 01:51 UTC](https://discourse.nodered.org/t/how-to-center-text-in-a-ui-text-input-node/90692/3 "2024-10-04T01:51:16Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.