Prevent text from being smushed on lower font-size

I have set up a CSS3DRenderer and a CSS3DObject (the big grey rectangle is a div), and that all works. I have added an h1 element to this div, which seems to work, however my model is currently very small in the 3D world. So I have to make the text very small (0.5px). But when I do this my text gets very smushed. Why is that?

Note: The red smoosh is the text, the small model is my mesh(es) and the gray rectangle is my div.

Am I handling this all incorrectly? My ideal goal is having this div set up next to an mesh, but it has caused me a bunch of problems, so I was wondering if simpler solutions might be possible.

Please let me know if the code is needed.