These two are not equivalent:
<div className="flex"> <span>Hello I am some text</span> <span>More text</span> </div>
This treats each span as effectively a block element, meaning text wraps within each block.
<div>
<span>Hello I am some text</span>
<span>More text</span>
</div>
This keeps the text wrapping more natural, where individual words will wrap to a new line without breaking everything.