# Center a circle in 1x1 template field

**URL:** <https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160>\
**Category:** Dashboard\
**Created:** [1 August 2021 11:44 UTC](https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160 "2021-08-01T11:44:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [1 August 2021 11:44 UTC](https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160/1 "2021-08-01T11:44:45Z")

</div>

I want to horizontally and verticaly center the circle as in the line below.  
Color change works but vertical-align does not.

```auto
<div style="color:{{msg.payload}}; vertical-align: baseline" <i class="fa fa-circle"></i></div>

```

Any help very much appreciated.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [1 August 2021 13:02 UTC](https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160/2 "2021-08-01T13:02:05Z")

</div>

With margin auto I'd go for simplicity

```auto
<div style="color:{{msg.payload}}; margin:auto;" <i class="fa fa-circle"></i></div>

```

---

<div class="post-metadata">

**Author:** ![juntiedt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/juntiedt/32/58357_2.png) [@juntiedt](https://discourse.nodered.org/u/juntiedt)\
**Post date:** [1 August 2021 13:48 UTC](https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160/3 "2021-08-01T13:48:16Z")

</div>

Super! It works.  
Many thanks for your quick response.

---

<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:** [31 August 2021 13:48 UTC](https://discourse.nodered.org/t/center-a-circle-in-1x1-template-field/49160/4 "2021-08-31T13:48:32Z")

</div>

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