# Formatting html text

**URL:** https://discourse.nodered.org/t/formatting-html-text/19530
**Category:** Dashboard
**Created:** [24 December 2019 01:40 UTC](https://discourse.nodered.org/t/formatting-html-text/19530 "2019-12-24T01:40:52Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![roland\_manor](https://avatars.discourse-cdn.com/v4/letter/r/f07891/32.png) [@roland\_manor](https://discourse.nodered.org/u/roland_manor)
#### Post date: [24 December 2019 01:40 UTC](https://discourse.nodered.org/t/formatting-html-text/19530/1 "2019-12-24T01:40:52Z")

</div>

Hi,  
I am new to node-red.  
I am building a home automation system.  
I receive weather from mqtt and my weather station, and want to use a forecast from weatherzone here in Australia.  
Here is a demo of what I am getting.  
Note it seems to centre the text but not in the area I asked for.

Here is a demo of my code.

```auto
[{"id":"7100fb86.66bd44","type":"tab","label":"Flow 8","disabled":false,"info":""},{"id":"ea98b0d3.6f859","type":"ui_text","z":"7100fb86.66bd44","group":"6eec1a65.cbdf54","order":1,"width":"0","height":"0","name":"fcast","label":"","format":"{{msg.payload}}","layout":"col-center","x":650,"y":160,"wires":[]},{"id":"ea719f6.b05776","type":"debug","z":"7100fb86.66bd44","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":670,"y":220,"wires":[]},{"id":"cb79a7e3.31b4a8","type":"inject","z":"7100fb86.66bd44","name":"","topic":"","payload":"<b>Tuesday</b><br /><img src=\"http://www.weatherzone.com.au/images/icons/fcast_30/mostly_sunny.gif\"><br />Mostly sunny<br />10&#176;C - 21&#176;C<br /><br /><b>Wednesday</b><br /><img src=\"http://www.weatherzone.com.au/images/icons/fcast_30/mostly_cloudy.gif\"><br />Mostly cloudy<br />9&#176;C - 22&#176;C<br /><br /><b>Thursday</b><br /><img src=\"http://www.weatherzone.com.au/images/icons/fcast_30/mostly_sunny.gif\"><br />Mostly sunny<br />10&#176;C - 26&#176;C<br /><br /><b>Friday</b><br /><img src=\"http://www.weatherzone.com.au/images/icons/fcast_30/mostly_sunny.gif\"><br />Mostly sunny<br />10&#176;C - 23&#176;C<br /><br />","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":410,"y":220,"wires":[["ea98b0d3.6f859","ea719f6.b05776"]]},{"id":"6eec1a65.cbdf54","type":"ui_group","name":"Group 5","tab":"62d1e470.d64b9c","order":5,"disp":true,"width":6},{"id":"62d1e470.d64b9c","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

Tom Duncan

---

<div class="post-metadata">

### Author: ![roland\_manor](https://avatars.discourse-cdn.com/v4/letter/r/f07891/32.png) [@roland\_manor](https://discourse.nodered.org/u/roland_manor)
#### Post date: [24 December 2019 05:34 UTC](https://discourse.nodered.org/t/formatting-html-text/19530/2 "2019-12-24T05:34:33Z")

</div>

Just worked out what to do.  
Used a Dashboard Template node.
