SVG extra space will not go away, when you inspect the SVG you cant see a big blue space pushing everything else down. I've had so many tabs over and tried so many things, such as height:auto;
, display: block;
, changing the view box and more.
I cannot change the size of SVG outside of the media query. I read that it's already inline but it definitely isn't acting like it considering all that space it's taking up.
<svg version="1.1" style="display: block;" viewBox="0 0 800 800">
<defs>
<!-- The text path: see links above regarding coordinate system -->
<path d="M0, 200a200, 200 0 1, 0 400, 0a200, 200 0 1, 0 -400, 0" id="txt-path"></path>
</defs>
<text fill="black" font-size="45.5" font-family="moholregular">
<!-- This is the magic -->
<textPath startOffset="0" xlink:href="#txt-path">Try our all new baby name generator</textPath>
</text>
</svg>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…