This hack is simultaneously beautiful and horrifying. So now, I had to find a solution where only the whitelisted properties are used but in the it was fai

This hack is simultaneously beautiful and horrifying. So now, I had to find a solution where only the whitelisted properties are used but in the it was fairly simple. I used the padding, line-height and font-size properties. I set the padding on the left and right to half the width and the top and bottom to the half the height of the image. I then set the font-size to 1px to ensure it doesn't distort the width. Since padding on an inline element has no effect on it's dimensions, I used the line-height to manually set the height and that displayed the images. Maybe this could be useful if you're doing some stuff drawing onto a canvas off-screen and you want to blit some intermediate buffer into your console? console.image("data:image/png;base64,...");