<!DOCTYPE html> <html> <head> <style> .text { position: absolute; top: 100px; left: 45px; height: 400px; width: 400px; } .thing { position: absolute; top: 0; left: 0; width: 512px; height: 512px; background: url('data:image/svg+xml;utf8,<svg width="512" height="200" viewBox="0 0 512 512" fill="black" xmlns="http://www.w3.org/2000/svg"><text x="0" y="400" font-size="100">some text</text></svg>'); background-repeat: no-repeat; background-size: 100% 100%; } </style> </head> <body> <div class='text'> <div class="thing"></div> </div> </body> </html>