How do you know if two spans don't fit on the same line?

Question

Sass

There are two spans with text, how do I know if their total text exceeds the width I need?
In more detail, that is -

div.span-container>span.first{Text}+span.second{Text}

The span-container has a width. But sometimes the text in the span is larger than allowed and I need to move the second span to a different position. how to find out what text is more?

Answer 1

Maybe in JS calculate the width? Nothing smarter comes to mind, because personally I don’t know css tools that could do this.