How to maintain letter spacing when breaking a text element?

Another question. I'm trying to position an inline-block inside a text element, but clearly if I do <span>abc<div class="inline-block"/>efg</span> the standard letter spacing disappears and the inline div is flush to the left side of the 'e', and the right side of the 'c'. Is there a way to keep the spacing consistent and avoid manually adding arbitrary pixel margins to the inline block?

I can create a variable and manually set both the letter-spacing on the <span> and the margin on the
<div>
to the same value, but I was wondering if there are better/other ways of doing it?
Was this page helpful?