> For the complete documentation index, see [llms.txt](https://sway-technologies.gitbook.io/sway-charts-pro-scripts-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sway-technologies.gitbook.io/sway-charts-pro-scripts-documentation/sway-charts-pro-user-defined-indicators/adding-html-to-the-chart/7.2-positioning-the-html.md).

# 7.2 Positioning the HTML

By default, the iframe and your HTML occupy the whole of your indicator’s panel: width:100%, height:100%. You can use the style settings to change this. For example, making the HTML 200px by 50px, positioned in the bottom right corner of the panel:

```
UDI.createHTML({
	style: {
		width: "200px",
		height: "50px",
		bottom: "0px",
		right: "0px",
},
…
});
```