If you want to align the baselines of text and image, that's going to be tricky. I think I tried with "position:relative;bottom:-x", but it didn't work with inline elements (and besides, finding the right value for x would be mostly trial and error). It may be easier if both image and text are in an SVG wrapper. Something I didn't try is putting only the image in an SVG wrapper, such that it "overflows" the viewbox...
|