The HTML widget element has a padding. How can I set it to zero?

As the title says… also please take a look at the screenshot below.

  • The HTML Widget element has a blue background and the padding is set to zero in the Element Inspector.
  • Inside the HTML widget is a red div, which is set to 100% width and height. This should cover the entire area of the HTML widget, am I right?
  • Why is the blue background still visible?

Never mind, I figured it out. It looks like the HTML Widget element is rendered as a full web page with html, head and body tags. I didn’t know that. So the padding that was bothering me was the auto margin of the body element.


Correct; if you don’t need it to be a separate page you can instead just use a Rectangle element. This is a <div> and you can just edit the Inner HTML basically the same way.